@import url(http://at.alicdn.com/t/font_2277688_hgra2ielook.css);
@import url("http://at.alicdn.com/t/font_1946286_l6exomq9pd.css");

* {
	margin: 0;	padding: 0;	border: 0;
}

body{
	--green-light:#7cc465;
	--green:#32b16c;
	--green-deep:#009944;

 --theme-red:#d7132e; --theme-blue:#054988; color: #666666;



	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;

}


 .bg-color{background: #f8f8f8}
 .bg-hs{ background: #f6f6f6;}
.bg-white{ background: #fff;}

body {
	overflow-x:hidden;position:relative;z-index:-2;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.bg-color{background: #f8f8f8}
.bg-hs{ background: #f5f6f8;}
.bg-light-blue{ background: #f6f7fc;}

@media(min-width:992px) {

	.container.w_1600,.container.w_1400{ width: 1400px; }
	.container.w_1280,.container.w_1400{ width: 1300px; }


	.container.w100{ max-width: 100%; }
	.container {max-width:94%;}
}

a {transition:.3s all; color: #333}
a:hover {transition:.3s all;text-decoration: none;  }
em,i {font-style:normal;}
.f_left {
	float: left;
}
.f_right {
	float: right;
}
.clear {
	clear: both;
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
ul {
	list-style: none;
}
li {
	list-style-type: none;
}
.hd {
	height: 10px;
}
.c_b td {
	border: #000 1px solid;
}
.en {
	font-family: Arial, Helvetica, sans-serif;
}
.meta {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px #CCCCCC dotted;
}
.xs {
	display: none;
}
.active {
	display: block;
}
ol, ul, li {
	list-style-type: none;
	text-align: justify;
	text-justify: inter-ideograph;
}


 
#ad {
	height: 34px;
	line-height: 34px;
}
input {
	border: 1px #dadada solid;
	color: #4b4b4b;
	font-family: 'Microsoft Yahei';
	outline: none;
}
.end_message #form1 input {
	color: #FFF
}
input:hover, textarea:hover {
	background: #CCC;
	outline: none
}
textarea {
	border: 1px #dadada solid;
	background: #efefef;
	padding-left: 10px;
}
img {
    max-width: 100%;
}
.hover-k{ position:relative}
.hover-k:after{ position: absolute; content: ""; width: 100%;height: 4px; background: #ba0008; left: 0; bottom: 0px; transition: transform 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.hover-k:hover:after{  transform-origin: left center; transform: scaleX(1);}
.hover-k img{ transition: all 0.5s}
.hover-k:hover img{ transform:scale(1.02)}

.fitcover-img{width: 100%;height: 100%;object-fit: cover;}
.img-cover-4by3{height: 0;width: 100%;padding-bottom: 65%;overflow: hidden;position: relative; }
.img-cover-3by2{height: 0;width: 100%;padding-bottom: 66.667%;overflow: hidden;position: relative; }
.img-cover img{ max-width:100%; max-height:100%; position: absolute;margin: auto;top: 0;bottom: 0; left: 0; right: 0;}
.abs-center{ margin:auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute;}
.hd{ height:10px;}

 .hs_bg{ background: #f7f7f7; height: auto; overflow: hidden; }
.bg_white{ background: #fff }
-m-15{ margin: 0 -15px;}
-m-10{ margin: 0 -10px;}
-m-30{ margin: 0 -30px;}
@media(max-width: 991.98px){
	-m-15{ margin: 0 0px;}
	-m-10{ margin: 0 0px;}
	-m-30{ margin: 0 0px;}
}


.over-line-1 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.over-line-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.over-line-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	overflow: hidden;
}

/*top*/

.header-top{ background: #f4f4f4;   font-size: 12px; color: #666 }
.header-top a{ color: #666 }
.hot-tel{ font-size: 28px; font-weight: bold; font-family: Arial; color: #d70310}
@media (max-width: 992px) { .header{ height: auto; border-bottom: 1px #ededed solid }}

.header #logo img{ -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transition: all .8s; }
@media (max-width: 575.98px) { .header #logo img { height: 40px; } }

#logo_title .logo-f-title{ position: relative}
#logo_title .logo-f-title:after{ position: absolute; content: "";width: 1px; height: 75%; background: #d4d4d4;left: 0; top: 0; bottom: 0; margin: auto}
#logo_title .logo-f-title p:nth-of-type(1){ font-size: 26px; color: #ba0008; font-weight: bold; line-height: 25px;}
#logo_title .logo-f-title p:nth-of-type(2){ font-size:16px; color: #2b2b2b;}
@media(max-width: 991px){
	#logo_title .logo-f-title p:nth-of-type(1){ font-size: 18px; color: #ba0008; font-weight: bold; line-height: 15px;}
	#logo_title .logo-f-title p:nth-of-type(2){ font-size:14px; color: #2b2b2b;}
}



.top-english{ display: flex;}
.top-english a{ display: block; width: 100%; border-radius: 2rem; border: 1px solid #dfdfdf; font-size: 14px; color: #d70310; text-transform: uppercase; position: relative; overflow: hidden; }


.top-english a:after{ position:absolute; content: ""; background: #b51b19; width:0%; height: 100%;left: 0;right: 0;top: 0; bottom: 0; margin: auto; transition: all 0.5s; border-radius: 2rem; opacity: 0 }
.top-english a:hover:after{ width: 100%; opacity: 1}
.top-english i,.top-english span{ position: relative;z-index: 99}
.top-english a:hover{ color: #fff; border: 1px solid #b51b19;}

.top-search{}
.top-search p{ font-size: 16px; color: #7f7f7f}
.top-vR{ background: #b51b19; color: #fff;font-size: 16px; height: 100px;}

.top-btn{ display: flex;}

@media(max-width: 9990px){
.nav_box {  flex: 0 0 auto; width:60% ; }

}

@media(max-width: 1760px){

.tupian1{
		 display: none !important;
}
@media(max-width: 1400px){
	.top-btn{ display: none;}
	.top-english{ display: none !important;}
	.tupian1{
		 display: none !important;
	}
}
.top-tel{ font-size: 14px; color: #414141; background: url(../img/top-scan.jpg) no-repeat right top; height: 100px;  }
.top-tel p{ font-family: impact; color: #c8000b; font-size: 26px; }
.logo-tel{ justify-content: space-between; }
.hot_tel{ font-size: 14px; color: #282828; background: url(../img/hot_tel.png) no-repeat left center;
					padding-left: 50px; }
.hot_tel p{ margin-bottom: 0 }
.hot_tel p:nth-of-type(2){ font-size: 24px; color: #bd0005;  font-family: 'impact' }


@media(max-width: 1500px){
	.hot_tel{display: none}

}

@media (min-width: 1980px) {
	

}


@media (min-width: 1400px) {
	.nav_box {  flex: 0 0 auto; width:53%; }

}
@media(max-width: 1399.98px){
	.nav_box {  flex: 0 0 auto; width:75%; }
}
.nav_box ul li {    flex: 1; position: relative;  text-align: center; height: 100%; display: flex;
	align-items: center  }

.nav_box ul li a { font-size: 16px; color: #333; display: block; width: 100%; }

.nav_box ul li span:nth-of-type(1)  { display: block; line-height: 18px; top: 0;
	display: block; width: 100%; transition: all 0.5s; }

.nav_box ul li:after {    position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	background: #bd0005;
	left: 0;
	bottom: 0px;
	right: 0;
	transition: transform 0.5s;
	margin: auto;
	transform-origin: right center;
	transform: scaleX(0);}

.nav_box ul li:hover:after {   transform-origin: left center; transform: scaleX(1) }
 .top-nav-all {
   width:68px; height: 90px; padding:36px 19px;
   box-sizing: border-box;
    position: fixed !important;
    z-index: 999;
    top: 0;
    right: 0;
    background: #ba0008;
    position: relative;
 
}

 
.top-nav-all span{position:absolute;  transition: all 0.5s;
	 				margin-bottom: 3px; height: 3px; width: 50%; display: block; 
	 				background: #fff;  }
.top-nav-all span:nth-of-type(1){left:0; right: 0; margin: auto; top: 30px; transition: all 0.5s}
.top-nav-all span:nth-of-type(2){top:-3px;bottom: 0;left:0;right:0; margin: auto; transition: all 0.5s}
.top-nav-all span:nth-of-type(3){left:0; bottom: 32px; right: 0; margin: auto; transition: all 0.5s}
.top-nav-all.on{ z-index: 99999999;   }
.top-nav-all.on span{background: #fff;}
.top-nav-all.on span:nth-of-type(1){ transform:rotate(45deg);transform-origin: left center; }
.top-nav-all.on span:nth-of-type(2){ right: -100px;   opacity: 0}
.top-nav-all.on span:nth-of-type(3){ transform: rotate(-45deg);transform-origin: left center; }

@media(max-width: 580px) {

	.top-nav-all {
		width: 52px;
		height: 52px !important;
		box-sizing: border-box;
		position: fixed !important;
		padding: 11px;
		z-index: 999;
		top: 0;
		right: 0;
		background: #ba0008;
		position: relative;
	}

	.top-nav-all span { position: absolute; transition: all 0.5s;
		height: 2px; width: 30px; display: block;
		background: #fff; }

	.top-nav-all span:nth-of-type(1) { left: 0; right: 0; margin: auto; top: 11px; transition: all 0.5s; transform: rotate(0) translateY(0); }

	.top-nav-all span:nth-of-type(2) { top: 0; bottom: 0; left: 0; right: 0; margin: auto; transition: all 0.5s }

	.top-nav-all span:nth-of-type(3) { left: 0; bottom: 11px; right: 0; margin: auto; transition: all 0.5s; transform: rotate(0) translateY(0); }

	.top-nav-all.on { z-index: 99999999; }

	.top-nav-all.on span { background: #fff; }

	.top-nav-all.on span:nth-of-type(1) { transform: rotate(45deg) translateX(5px) translateY(5px); }

	.top-nav-all.on span:nth-of-type(2) { right: -100px; opacity: 0 }

	.top-nav-all.on span:nth-of-type(3) { width: 30px; }

}


	.header .menu-icon {
		width: 85px;
		height: 85px;
		background-color: #ba0008;
		color: #fff;
		position: relative;
		cursor: pointer;
	}

	.header .menu-icon span {
		position: absolute;
		width: 40%;
		height: 2px;
		color: #FFFFFF;
		background-color: #fff;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		margin: auto;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;}
	.header .menu-icon span::before, .header .menu-icon span::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height: 2px; background-color: #fff; }
	.header .menu-icon span::before { top: 600%; }
	.header .menu-icon span::after { bottom: 600%; }
	.header .menu-icon.open span { background-color: unset; }
	.header .menu-icon.open span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
	.header .menu-icon.open span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; }
	/*@media (max-width: 1250px) { .header .menu-icon { width: 90px; height: 90px; } }*/
	@media (max-width: 575.98px) { .header { height: 60px; }

		.header .menu-icon { width: 60px; height: 60px; } }


   @media(max-width:991.98px){
	   .header .menu-icon{ display: block}
   }
@media(min-width:992px){
	.header .menu-icon{ display: none}
}
.mobile-nav { z-index: 9; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: fixed; background-color: #333; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }


	.mobile-nav .nav-wrap{ padding: 2.2rem 2rem; }
	.mobile-nav dl{ margin-bottom: 0;}
	.mobile-nav dt{ border-bottom:1px dashed #4e4e4e; position: relative; padding:.3rem .5rem; }
	.mobile-nav dt a{ line-height:2;display: block; width: 80%;margin-right: 2rem;font-weight: normal;}
	.mobile-nav dt.has-child::before,.mobile-nav dt.has-child::after{ content: ''; position: absolute; width:1rem; height: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom:1px solid #d3d3d3; right: .5rem; margin:auto; top: 0; bottom: 0;}
	.mobile-nav dt.has-child::after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
	.mobile-nav dd{ display: none;}
	.mobile-nav dd ul{ margin-bottom:0; line-height:2;margin-top: 5px;list-style: circle;color: #fff;}
	.mobile-nav a{ color: #f8f8f8;}

	.mobile-nav dl.active dt::before{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
	.mobile-nav dl.active dt::after{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

	.open-menu .mobile-nav{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}





}


/*弹窗导航*/
.nav-box-pay{ z-index: 998; background:url(../img/daohang_bj.jpg) no-repeat top center; background-size: cover; width: 100%; height: 100%; 
			  position: absolute;left: 0; top: 0; border-radius:0 0 50% 50%; 
			 transition: all 800ms cubic-bezier(.8, 0, .33, 1);  
      		 opacity: 0;  position: fixed; overflow: hidden;
             transform: translateY(-100%);
             }
.mb_nav{
			z-index: 998; background:url(../img/daohang_bj.jpg) no-repeat top center; background-size: cover; width: 100%; height: 100%; 
			  position: absolute;left: 0; top: 0; border-radius:0 0 50% 50%; 
			 transition: all 800ms cubic-bezier(.8, 0, .33, 1);  
      		 opacity: 0;  position: fixed; overflow: hidden;
             transform: translateY(-100%);
}

.mb_nav ul{ width: 90%; margin: 20% auto; }
.mb_nav ul li p{ border-bottom:1px solid rgba(255,255,255,0.2); width: 100%; box-sizing: border-box; padding-left: 5%; 
		line-height: 40px;  height: 40px; transition: all 0.5s}
.mb_nav ul li p a{ width: 80%; display: block; color: #fff;   display: block; 
	  float: left; font-size: 17px;}
 .mb_nav ul li>p   i{ color: #fff; font-size: 14px; width: 15%; text-align: right; float: right; padding-right: 5% ; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}



.mb_nav ul li .mb_sub_menu{ display: none; padding:0 0 5%; }

.mb_nav ul li .mb_sub_menu>a{ display: block; padding-left: 10%; line-height: 30px; position: relative; font-size: 14px; }
.mb_nav ul li .mb_sub_menu>a:after{position: absolute; content: ""; background:#fff;left: 5%;top: 0;bottom: 0;margin: auto; height: 2px; width: 3%; }

.mb_nav ul li.active .iconfangxiang{ -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg); }

 .mb_nav ul li.active p{border-bottom:1px solid rgba(255,255,255,0); background:rgba(255,255,255,0.5) }
 .mb_nav ul li.active .mb_sub_menu{border-bottom:1px solid rgba(255,255,255,0.2);}





.mb_nav ul li a{ color: #fff; font-size: 14px; }
.nav-box-pay.nav-open,.mb_nav.nav-open { 
	transform: translateY(0%);
    border-radius: 0%; opacity: 1;    
}


.mobile-nav{ z-index: 999999; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;
	transition: all .3s; position: fixed; background-color: #333; width:100%; height:100%; top: 60px; left: 0; -webkit-transform: translate(0,100%); -moz-transform: translate(0,100%); -ms-transform: translate(0,100%); -o-transform: translate(0,100%); transform: translate(0,100%);}
.mobile-nav .nav-wrap{ padding: 2.2rem 2rem; }
.mobile-nav dl{ margin-bottom: 0;}
.mobile-nav dt{ border-bottom:1px dashed #4e4e4e; position: relative; padding:.3rem .5rem; }
.mobile-nav dt a{ line-height:2;display: block; width: 80%;margin-right: 2rem;font-weight: normal;}
.mobile-nav dt.has-child::before,.mobile-nav dt.has-child::after{ content: ''; position: absolute; width:1rem; height: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom:1px solid #d3d3d3; right: .5rem; margin:auto; top: 0; bottom: 0;}
.mobile-nav dt.has-child::after{ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.mobile-nav dd{ display: none;}
.mobile-nav dd ul{ margin-bottom:0; line-height:2;margin-top: 5px;list-style: circle;color: #fff;}
.mobile-nav a{ color: #f8f8f8;}

.mobile-nav dl.active dt::before{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.mobile-nav dl.active dt::after{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}

.open-menu .mobile-nav{ -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);}
.nav_content{ display: flex; width: 100%; height: 100vh;}
.nav_content .nav_slide{ position: relative; width: calc(100%/6);   display:flex;height: 100vh; 
						box-sizing: border-box; transition: all 0.5s;}
.nav_content .nav_slide:before{ position:absolute; content: "";left:0px;height: 100%; width: 1px; background:#464647; transition: all 0.5s }
 .nav_content .nav_slide:after{ position:absolute; content: "";left:0px;height: 0%; width: 1px; background:#464647; transition: all 0.5s }
 
.nav_content .nav_slide:hover:after{ height: 100%;background:rgba(255,255,255,0.3); }
.nav_content .nav_slide:hover{ background:rgba(0,0,0,0.5);}
.nav_content .nav_slide > a { display: block;left: 0;right: 0; top:40%; margin: auto; color: #fff; position: absolute; text-align: left; width: 40%; }
.nav_content .nav_slide > a>p:nth-of-type(1){ font-size: 26px; text-transform: uppercase; }
.nav_content .nav_slide > a>p:nth-of-type(2){ font-size: 26px;  }
.nav_content .nav_slide .nav_son{ opacity: 0; text-align: center; color: #fff; position:absolute; top: 80%; width: 40%;left: 0; right: 0; margin: auto; transition: all 0.5s  }
.nav_content .nav_slide .nav_son{ text-align: center; color: #fff; }
.nav_content .nav_slide .nav_son ul{ text-align: center; }
.nav_content .nav_slide .nav_son ul p,.nav_content .nav_slide .nav_son ul li{ text-align: center; }

.nav_content .nav_slide .nav_son ul p i{color: #fff; font-size:30px; font-weight: 100;}
.nav_content .nav_slide .nav_son ul li:nth-of-type(1){ padding-bottom: 30px; }
.nav_content .nav_slide .nav_son ul li:nth-of-type(1) a{font-size: 30px; line-height: 80px; color: #fff}
 
.nav_content .nav_slide .nav_son ul li:nth-of-type(n+2) a{ font-size: 16px; line-height: 55px; color: rgba(255,255,255,0.5);  }

.nav_content .nav_slide.on .nav_son{ top: 25%; opacity: 1}
 
.nav_content .nav_slide.on > a{ top: 0%; opacity: 0}
.nav_content .nav_slide .nav_son ul li a:hover{ color:#fff; }







#flash {overflow:hidden; background: #fff}
.flash-box {width:600px;position:relative;left:50%;top:0;transform:translateX(-50%);}
.flash-box img {max-width:100%;}
 
@media (min-width:520px)  {.flash-box {width:768px;} }
@media (min-width:768px)  {.flash-box {width:1000px;}}
@media (min-width:992px)  {.flash-box {width:1440px;}}
@media (min-width:1440px) {.flash-box {width:1920px;}}
/*关于我们综合*/

.zy-flash-all div.font-current p:nth-of-type(1){  font-size:30px; color: #fff;
	text-transform: uppercase;
 }
.zy-flash-all div.font-current p:nth-of-type(2){ font-size:26px; color: #fff;  position: relative }


.zy-flash-all  {
	overflow: hidden;
	position: relative;

	height: 400px;

}

.parallax {
	position: absolute;
	left: 0%;
	right: 0;
	top: 0;
	bottom:0;
	margin:auto;
}

.zy-cp{ background: url(../img/zy_flash_cp.jpg) no-repeat center center; }
.zy-about{ background: url(../img/zy_flash.jpg) no-repeat top center; background-attachment: fixed ; }
.zy-sbzg{ background: url(../img/zy_flash_sbgz.jpg) no-repeat center center; }
.zy-news{ background: url(../img/zy_flash_about.jpg) no-repeat center center; }
.zy-shfw{ background: url(../img/zy_flash_shfw.jpg) no-repeat center center;  }
.zy-case{ background: url(../img/zy_flash_shfw.jpg) no-repeat center center;  }
.zy-about1{ background: url(../img/zy_flash.jpg) no-repeat center center;  }


.scan_item{ font-size: 14px;}

@media (max-width:992px)  {
	.zy-about{ background: url(../img/zy_flash.jpg) no-repeat top center; background-attachment: fixed ;  background-size: 160%;}
	
	}





zy-flash-all img{ width: 100%; height: 100%}



@media(max-width: 991.98px){
	.zy-flash-all div p:nth-of-type(1){  font-size: 26px; color: #fff}
	.zy-flash-all div p:nth-of-type(2){ font-size:16px; color: #bcbbba; font-family: Arial; text-transform: uppercase; position: relative }
}

.zy-flash-all div div:nth-last-of-type(1) a{ font-size: 14px; color: #fff}
.mouse{

	height:15px;
	z-index:100;
	width: 100%;

	cursor:pointer;

	transform:translateX(0%);
}
.mouse a{
	display:inline-block;
	width:100%;
	height:100%;
}

.mouse:before{
	position:absolute;
	content:"";
	z-index:1;
	width: 100%;

	height: 15px;
	background:url(../img/mouse.png) no-repeat  center top;
	left:0;right: 0; margin: auto;
	top:280%;
	opacity:0;
	-webkit-animation: mousewheel 2s  infinite;
	animation: mousewheel 2s  infinite

}

@-webkit-keyframes mousewheel {
	0% {
		opacity:0
	}
	50% {
		-webkit-transform:translateY(10px);
		transform:translateY(10px);
		opacity:1
	}
	100% {
		-webkit-transform:translateY(10px);
		transform:translateY(10px);
		opacity:0
	}
}
@keyframes mousewheel {
	0% {
		opacity:0
	}
	50% {
		-webkit-transform:translateY(20px);
		transform:translateY(20px);
		opacity:1
	}
	100% {
		-webkit-transform:translateY(40px);
		transform:translateY(40px);
		opacity:0
	}
}
@media(max-width: 992px){
	.zy-flash-all  {
		overflow: hidden;
		position: relative;
		height: 250px;
		width: 100%;
	}


	.zy-flash-all div p:nth-of-type(2):after{ position: absolute; content: ""; width:0px; height:80px; left: 0;right: 0; top: 60px; margin: auto; background: none; }
}


.current_add a:hover{ color: #ba0008}

 /*天利产品模块*/
.index-all-title{}
.index-all-title p:nth-of-type(1) span{ font-size: 36px; color: #333333; position: relative}
.index-all-title p:nth-of-type(2){ font-size: 16px; color: #848484}
.index-all-title p:nth-of-type(1) span:after{ position: absolute; content: ""; width: 60%; height: 1px; background: #e9e9e9;left: 0; right: 0; bottom:-30%;margin: auto; }
.index-all-title p:nth-of-type(1) span:before{ position: absolute; content: ""; width:20%; height: 3px; background: #1d51bd;left: 0; right: 0; bottom:-31%;margin: auto; z-index: 99}


@media(max-width: 992px){

	.index-all-title p:nth-of-type(1) span{ font-size: 20px !important; color: #333333; position: relative}
	.index-all-title p:nth-of-type(2){ font-size: 14px; color: #848484}
	}


@media(min-width: 1367px){

/* 	.chanpin{ margin-left: 23%;} */

	}


.section-honor{ position: relative}
.section-honor:after{ position: absolute; content: ""; background: #f8f8f8; width: 1000%; height:80%; left: -100%; top: 28%}
.sec-nav .btn-group .g-btn.on {
	background-color: #333333;
	color: #ffffff;
	border-color: #333333;
}
@media(max-width: 991.98px){
	.section-honor{ position:relative}
	.section-honor:after{ position: absolute; content: ""; background: #f8f8f8; width: 100%; height:80%; left: 00%; top: 28%}
}
.btn-group {   text-align: center; font-size: 16px;
	transition: all 0.5s; position: relative; transition: all 0.5s; }

.btn-group img{ max-width: 100%}
.btn-group   div:nth-of-type(1){ position: relative}
.btn-group:not(:nth-last-of-type(1)) div:after{ position: absolute; content: '';right: 0; top:0; bottom: 0; margin: auto; width: 1px; height: 50%; background: #f2f2f2; transition: all 0.5s}
.btn-group.swiper-slide-thumb-active div:after{ height: 0}



.btn-group.swiper-slide-thumb-active{ color: #1d51bd;  transition: all 0.5s; transition: all 0.5s }
.btn-group.swiper-slide-thumb-active,.btn-group:hover{  position: relative;background: #f8f8f8;  transition: all 0.5s; }
.btn-group.swiper-slide-thumb-active:after{ position: absolute; content: ""; height: 5px; background: #1d51bd;
	left:0; top: 0; width: 100%;  transition: all 0.5s;transform: scaleX(1)}
.btn-group:after{ position: absolute; content: ""; height: 5px; background: #1d51bd;
	left:0; top: 0; width: 100%; transform: scaleX(0); transform-origin: right center;  transition: transform 0.5s;}

.btn-group:hover:after{ transform: scaleX(1);transform-origin: left center;}


.btn-group.swiper-slide-thumb-active:before{ position: absolute; content: "";  display: block;     top: 5px;
	width: 0; height: 0; border: 10px solid transparent; border-top-color:#1d51bd; z-index: 10;
	margin:auto; left: 0; right: 0 ; transition: all 0.5s;  opacity:1}
.btn-group:before{ position: absolute; content: "";  display: block;
	width: 0; height: 0; top:20%;  border: 10px solid transparent;border-top-color:#1d51bd;   z-index: 10;
	margin:auto; left: 0; right: 0 ;  top: 30px; transition: all 0.5s;  opacity: 0}
.btn-group:hover:before{top:5px;  opacity: 1; }
.index-pro-title p:nth-of-type(1){ font-size: 16px;}
.pro-datil-btn a{ flex: 0 0 auto; width:48%; font-size: 14px; padding:0.5rem 0;position: relative}
.pro-datil-btn a { border: 1px solid #bcbcbc;   color: #727272}

.pro-datil-btn a span{ position: relative}

.item-img img{ position: relative; z-index: 999}
.pro-datil-btn a:hover{border: 1px solid #272727; background: #272727;   color: #fff}
.con-swiper .item{ background: #fff; transition: all 0.5s; position: relative}
.con-swiper .item:after{ position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: -3.5%; background:url("../img/cp_bj.png") no-repeat left bottom;      transition:all 0.5s; opacity: 0}
.con-swiper .item .index-pro-title{ position:relative; z-index: 999;}
.con-swiper .item:hover:after{  opacity: 1 }
.con-swiper .item:hover .index-pro-title p:nth-of-type(1){ color: #fff}
.con-swiper .item:hover .index-pro-title .pro-datil-btn a{ color: #fff;border: 1px #fff  solid}
.con-swiper .item:hover .index-pro-title .pro-datil-btn a:hover{border: 1px solid #272727; background: #272727;   color: #fff}
.con-swiper .item img{ transition: all 0.5s}
.con-swiper .item:hover img{ transform: scale(1.05)}


.hycase-box{ position: absolute; top: 0px; left: 0; right: 0; margin: auto; z-index: 9999;}
.case-title{}
.case-title p:nth-of-type(1){ font-size: 30px; color: #fff;}
.case-title p:nth-of-type(2){ font-size: 18px; color: #fff;}
.case-title p:nth-of-type(3){display: block; height: 46px; border: 1px solid #eceae9; width: 135px; font-size: 14px; text-align: center }
.case-title p:nth-of-type(3) a{ color: #fff  }

.case-menu .item{ border-top: 1px solid #fff;border-left: 1px solid #fff;border-bottom: 1px solid #fff; width: 25%; overflow: hidden; background:rgba(42,91,181,0.9);}
.case-menu .item i{}
.case-menu .item p{ font-size: 18px; color: #fff;}
.case-menu .item:nth-of-type(4){border-right: 1px solid #fff;}
.case-menu .item:nth-of-type(n+5){border-top: 0px solid #fff;border-bottom: 1px solid #fff;}
.case-menu .item:nth-last-of-type(1){ border-right: 1px solid #fff;}

.case-menu .item:hover{border-top: 1px solid #ca0f22;border-left: 1px solid #ca0f22;border-bottom: 1px solid #fff;
 background: #ca0f22}
.case-menu .item:nth-of-type(n+5):hover{border-top: 0px solid #ca0f22;border-bottom: 1px solid #fff;}
.case-menu .item:nth-last-of-type(1):hover{ border-right: 1px solid #ca0f22;}
.case-menu .item:nth-of-type(4):hover{border-right: 1px solid #ca0f22;}
.case-menu .item .item-one{ transition: transform 0.5s}
.case-menu .item:hover .item-one{ transform: scale(0.75); opacity: 0}

.case-menu .item .item-two{ position: absolute; top: 0;left: 0; width: 100%; height: 100%; background: #ca0f22; transform: scale(1.25); opacity: 0; transition: all 0.5s}
.case-menu .item:hover .item-two{transform: scale(1); opacity: 1}

.case-menu .item .item-two p:nth-of-type(1){ font-size: 18px; color: #fff}
.case-menu .item .item-two p:nth-of-type(2){ font-size: 14px;color: #fff}
.case-menu .item .item-two p:nth-of-type(3){ font-size: 14px;color: #fff}


@media(max-width:1440px){
	.case-menu .item img{ transform: scale(0.8); display: none}
	.about-swiper .img img{ height: 380px; width: 100%}
	.case-title p:nth-of-type(1){ font-size: 20px; color: #fff;}
	.case-title p:nth-of-type(2){ font-size: 16px; color: #fff;}
	.case-menu .item{ border-top: 1px solid #fff;border-left: 1px solid #fff;border-bottom: 1px solid #fff; width: 25%; overflow: hidden}
	.case-menu .item:nth-of-type(n+5){width: 33.33%; }
	.case-menu .item .item-one p:nth-of-type(1){ font-size: 12px; color: #fff; position: relative; z-index: 99999}
	.case-menu .item .item-two{ display: none}
	.case-menu .item .item-one{ opacity: 1}

}
@media(max-width: 1440px){
	.case-menu .item:hover .item-one{ transform: scale(1); opacity: 1}
}
/*公司模块*/
.about-font{}
.about-font p:nth-of-type(1){ font-size: 18px; color: #808080; text-transform: uppercase}
.about-font p:nth-of-type(2){ font-size: 36px; color: #333333;  }
.about-font p:nth-of-type(2) span{ position: relative}
.about-font p:nth-of-type(2) span:after{ position: absolute; content: "";  width:25%;  height: 3px; background: #1d51bd; bottom: -30%; left: 0;}
.about-font-eng{ font-size: 72px; color: rgba(128,128,128,0.1); text-transform: uppercase; font-family: Arial}

.about-six-item i{ width:80px; height: 80px; border-radius: 100%; display: block; border: 1px solid #c3baba; transition: all 0.5s;}
.about-six-item i span{ display: block;border-radius: 100%; display: block; border: 1px solid #fff;width:60px; height: 60px;transition: all 0.5s;}
.about-six-item:hover i{ border:1px solid #e3e3e3; background: #d70310}
.about-six-item:hover i span{ border:1px solid #e34f58; background: #d70310}
.about-six-item{ font-size: 14px; color: #666; width: 100%;}
.about-six-item:hover img{ filter: brightness(100);}
.about-img-right{ position: relative}
.about-img-right:after{ position: absolute; content: ""; width: 200px; height:200px; background: #e7e9ed; top: -30px; right: -30px}
.about-img-right img{ position: relative; z-index: 999}
.about-box{ font-size: 14px; color: #808080; line-height: 2;}
@media(max-width:991.98px){

	.about-img-right:after{ position: absolute; content: ""; width: 0px; height:0px; background: #e7e9ed; top: -30px; right: -30px}
	.about-font p:nth-of-type(1){ font-size: 16px; color: #808080; text-transform: uppercase}
	.about-font p:nth-of-type(2){ font-size: 16px; color: #333333;  }
	.about-font-eng{ font-size:36px; color: rgba(128,128,128,0.1); text-transform: uppercase; font-family: Arial}
}
.about-num-box{  flex: 0 0 auto; width: 20%; position: relative}
.about-num-box:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; right: 0; top: 0; width: 1px; height: 100%;  border-right: 1px solid #e2e2e2;}
.about-num-item p:nth-of-type(1){ font-size: 16px; color: #2a5bb5; text-shadow: 15px 10px 5px #e7e7e7; }
.about-num-item p:nth-of-type(1) span{ font-size: 60px; color: #2a5bb5; font-family: Arial; font-weight: bold}
.about-num-item p:nth-of-type(2){ font-size: 16px; color: #666666}
.about-num-box:before{ position: absolute; content: "";left: 0; top: 0; bottom: 0; right:0; margin: auto; background: url("../img/num_bj.png") no-repeat center center; transform: scale(1.5); opacity: 0; transition: all 0.5s}
.about-num-box:hover:before{ transform: scale(1); opacity: 1;}
.about-num-box .about-num-item{ position: relative;}
.about-num-box:hover p:nth-of-type(1),.about-num-box:hover p:nth-of-type(1) span{ color: #d70310}
@media(max-width: 991.98px){
	.about-num-box{  flex: 0 0 auto; width: 50%; position: relative}
	.about-num-box:nth-of-type(2n){  flex: 0 0 auto; width: 50%; position: initial}
	.about-num-box:nth-last-of-type(1){  flex: 0 0 auto; width:100%; position: initial}
	.about-num-box:before{ position: initial; }
	.about-num-item p:nth-of-type(1){ font-size: 14px; color: #2a5bb5;  }
	.about-num-item p:nth-of-type(1) span{ font-size: 20px; color: #2a5bb5;
					font-family: Arial; font-weight: bold}


}



.about-num-box2{  flex: 0 0 auto; width: 20%; position: relative}
.about-num-box2:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; right: 0; top: 0; width: 1px; height: 100%;  border-right: 1px solid #e2e2e2;}
.about-num-item2 p:nth-of-type(1){ font-size: 16px; color: #2a5bb5; text-shadow: 15px 10px 5px #e7e7e7; }
.about-num-item2 p:nth-of-type(1) span{ font-size: 60px; color: #2a5bb5; font-family: Arial; font-weight: bold}
.about-num-item2 p:nth-of-type(2){ font-size: 16px; color: #666666}
.about-num-item2:hover p:nth-of-type(1) span{ color: #d70310}
.about-num-box2:before{ position: absolute; content: "";left: 0; top: 0; bottom: 0; right:0; margin: auto; background: none; transform: scale(1.5); opacity: 0; transition: all 0.5s}
.about-num-box2 .about-num-item{  }
.about-num-box2:hover p:nth-of-type(1),.about-num-box2:hover p:nth-of-type(1) span{ color: #d70310}
@media(max-width: 991.98px){
	.about-num-box2{  flex: 0 0 auto; width: 50%; position: relative}
	.about-num-box2:nth-of-type(2n){  flex: 0 0 auto; width: 50%; position: initial}
	.about-num-box2:nth-last-of-type(1){  flex: 0 0 auto; width:100%; position: initial}
	.about-num-box2:before{ position: initial; }
	.about-num-item2 p:nth-of-type(1){ font-size: 14px; color: #2a5bb5;  }
	.about-num-item2 p:nth-of-type(1) span{ font-size: 20px; color: #2a5bb5;font-family: Arial; font-weight: bold}


}



.about3-box{ box-shadow: 5px 5px 20px 15px #efefef; }
.about-num-box3{flex: 0 0 auto; width: 20%; position: relative; z-index: 999}
.about-num-item3 p:nth-of-type(1){ font-size: 16px; color: #2a5bb5; text-shadow: 15px 15px 5px #e7e7e7;  position: relative; z-index: 99; transition: all 0.3s}
.about-num-item3 p:nth-of-type(1) span{ font-size: 60px; color: #2a5bb5; font-family: Arial; font-weight: bold;transition: all 0.5s}
.about-num-item3 p:nth-of-type(2){ font-size: 16px; color: #666666; position: relative; z-index: 99;transition: all 0.5s}
.about-num-item3:hover p:nth-of-type(1) span{ color: #fff}
.about-num-box3:not(:nth-last-of-type(1)):before{ position: absolute; content: "";  background-image: linear-gradient(to right,#fff 10%,#f4f4f4 90%); transition: all 0.5s; width: 10%; height: 100%; top: 0; right: 0; }

.about-num-box3:after{position: absolute; content: "";   background: #d40000; transition: all 0.5s; width: 100%; height: 0%; bottom: 0; right: 0; }
.about-num-box3:hover .about-num-item3 p:nth-of-type(1){ color: #fff;  text-shadow: 15px 15px 5px rgba(0,0,0,0);; }
.about-num-box3:hover:after{ height: 105%;   }
.about-num-box3:hover .about-num-item3 p:nth-of-type(1) span{ color: #fff}
.about-num-box3:hover .about-num-item3 p:nth-of-type(2)  { color: #fff}


.about-num-item3:hover p:nth-of-type(1),.about-num-item3:hover p:nth-of-type(1) span{ color: #d70310}
@media(max-width: 991.98px){
	.about-num-item3 p:nth-of-type(1) span{ font-size: 30px; color: #2a5bb5; font-family: Arial; font-weight: bold;transition: all 0.5s}
	.about-num-item3{  flex: 0 0 auto; width: 50%; position: relative}
	.about-num-item3:nth-of-type(2n){  flex: 0 0 auto; width: 50%; position: initial}
	.about-num-item3:nth-last-of-type(1){  flex: 0 0 auto; width:100%; position: initial}
	.about-num-item3:before{ position: initial; }
	.about-num-item3 p:nth-of-type(1){ font-size: 14px; color: #2a5bb5;  }
	.about-num-item3 p:nth-of-type(1) span{ font-size: 20px; color: #2a5bb5;font-family: Arial; font-weight: bold}
	.about-num-box3{flex: 0 0 auto; width: 50%; position: relative; z-index: 999}
	.about-num-box3:nth-last-of-type(1){flex: 0 0 auto; width: 100%; position: relative; z-index: 999}


}


	/*公司简介*/
.index-title-sub{ text-align: center}

.index-title-sub p{position: relative}
.index-title-sub p:after{position: absolute; content:attr(data-title); font-size: 50px; color: #f3f3f3; left: 0; right: 0; margin:auto; text-transform: uppercase; top: -55%; font-family: Arial; font-weight: bold}
.index-title-sub p span{ font-size: 30px; color: #bd0005; position: relative; z-index: 9}
.index-title-sub p span:after{ position: absolute; content: ""; width:15%; height: 2px; background: #bd0005;right:50%; bottom:-10%;}
.index-title-sub p span:before{ position: absolute; content: ""; width: 15%; height: 2px; background: #d1d1d1;left:50%; bottom:-10%;}

.about-box-num{ background: #f7f7f7; border: 1px solid #e6e6e6;}
.about-item-num{ flex: 0 0 auto; width: 25%; position: relative}
.about-item-num:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; width: 1px; height: 50%; background: #e4e4e4;right: 0; top: 0; bottom: 0; margin: auto;}
.about-item-num .num{ font-family: Impact; font-size: 60px; color: #bd0005;}
.about-item-num .num-font p:nth-of-type(1){ font-size: 20px; color: #000; margin-bottom: 0}
.about-item-num .num-font p:nth-of-type(2){ font-size: 14px; color: #666666;}
@media(max-width: 991.98px){
	.about-item-num{ flex: 0 0 auto; width: 50%; position: relative}
	.about-item-num .num{ font-family: Impact; font-size: 30px; color: #bd0005;}
	.about-item-num:nth-child(2n+1):after{ position: absolute; content: ""; width: 1px; height: 50%; background: #e4e4e4;right: 0; top: 0; bottom: 0; margin: auto;}
}


.about-culture{ background: url("../img/culture_bj.jpg") no-repeat center top; background-size: cover;}


.culture-box{}
.culture-box .culture-font{ position: absolute; top: 0; right: 0; background: rgba(189,0,5,0.95); height: 100%; width: 38%; color: #fff;}
.culture-box .culture-font p:nth-of-type(1){ font-size: 24px;}
.culture-box .culture-font div:nth-of-type(1){ font-size: 14px; line-height: 3;}

.culture-btn-box{ position: absolute;right: 6%; width: 26%; top: -240%}
.culture-line{ position: relative;transition: all 0.5s}
.culture-line:after{ position: absolute; content: ""; width: 100%; height: 1px; background: #fff; top: 10px;left: 0;transition: all 0.5s}
.culture-line i{ width: 20px; height: 20px;   display: block; border-radius: 100%; margin: 0 auto; position: relative;transition: all 0.5s}
.culture-line i span{ width: 4px; height: 4px; background: #fff; display: block; border-radius: 100%; margin: 0 auto; position: relative; z-index: 99; transition: all 0.5s}
.culture-line i:after{ position: absolute; content: ""; border: 1px solid #fff;  background: #bd0005; left: 0;top: 0;bottom: 0;right: 0; margin: auto;   width: 80%; height: 80%; border-radius: 100%; background: #bd0005; z-index: 9}

.gallery-thumbs .swiper-slide-thumb-active  .culture-line i:after{ position: absolute; content: ""; border: 1px solid #fff;  background: #bd0005; left: 0;top: 0;bottom: 0;right: 0; margin: auto;   width: 100%; height: 100%; border-radius: 100%; background: #bd0005; z-index: 9}

@media(max-width:1199.98px){

	.culture-box .culture-font{ position: absolute; top: 0; right: 0; background: rgba(189,0,5,0.95); height: 100%; width: 50%; color: #fff;}
	.culture-box .culture-font p:nth-of-type(1){ font-size: 16px;}
	.culture-box .culture-font div:nth-of-type(1){ font-size: 12px; line-height: 2;}
}

.gutters-20 {
	margin-left: -10px !important;
	margin-right: -10px !important;
}
.fc_img{ position: relative}
.fc_img p{
	position: absolute; bottom: 0; height:50px; line-height: 50px; background: rgba(0,0,0,0.5);
	width: 100%; margin: 0; font-size: 16px; text-align: center; color: #fff;
}
.b-3{ margin: 0px 0 20px;}

 /*案例模块*/
.case-box-item{ width: 100%}
.case-box-item img{ transition: all 0.5s}
.case-box-item a{}
.case-box-item a div:nth-of-type(2) p{ position: absolute; width: 80%; left: 0; right: 0; margin: auto; background: #fff; border: 1px solid #ebedf1; bottom: 10%; font-size: 14px; transition: all 0.5s}
.case-box-item:hover a div:nth-of-type(2) p{ width: 100%;border: 1px solid #2a5bb5; background: #2a5bb5; color: #fff}

.case-box-item:hover img{  transform: scale(1.05)}

 /*售后服务*/
 .shfw-item{ background: #f7f7f7; transition: all 0.5s;  }

.shfw-item div:nth-of-type(1){ position: relative; width: 100px; height:100px; margin: auto; display: flex; align-items: center; text-align: center; border-radius: 100%; border: 1px solid #9e9e9e;text-align:center; transition: all 0.5s;}

.shfw-item div:nth-of-type(1):before{ position:absolute; content: ""; left: 0; top: 0; bottom: 0; right: 0; margin: auto;border:8px rgba(215,3,16,0.9) solid; border-radius: 100%;  transform: scale(1.3); opacity: 0 ; }



.shfw-item div:nth-of-type(1) span{ width: 65px; margin: auto}
.shfw-item p:nth-of-type(1) span{ font-size: 24px; color: #333333; }


.shfw-item div:nth-of-type(2){ font-size: 16px; color: #7e7e7e;}
.shfw-item:hover div:nth-of-type(1){ background: #d70310;border: 1px solid #d70310;   }
.shfw-item:hover div:nth-of-type(1):before{  animation: myfirst 0.95s infinite; }

@keyframes myfirst
{
	0%  { transform: scale(0.5); opacity: 0}
	50% {transform: scale(1.15); opacity: 0.25}
	100% {transform: scale(1.35); opacity: 0}
}



.shfw-item:hover div:nth-of-type(1) img{filter: brightness(100);}
.shfw-btn{ border:1px solid #cecece;  width: 160px; height: 48px;   font-size: 14px; color: #666666; transition: all 0.5s; position: relative}
.shfw-btn a{ color: #666666; position: relative; z-index: 2}

.shfw-item:hover .shfw-btn:before{
	width: 100%;
	left: 0;
	opacity: 1;
	transition: all 0.4s;
}
.shfw-btn:before {
	content: "";
	width: 0;
	height: 100%;
	background: #da0502;
	position: absolute;
	top: 0;

	left: 50%;
	opacity: 0;
	transition: all 0.4s;
}
.shfw-item:hover .shfw-btn  a{ color: #fff}




.shfw-btn2{ background: #fff; width: 160px; height: 48px; border-radius: 24px; font-size: 14px; color: #f1c004; transition: all 0.5s}
.shfw-btn2 a{ color: #272727}
.shfw-btn2:hover{ background: #f1c004; width: 160px; height: 48px; border-radius: 24px; font-size: 14px; color: #f1c004; transition: all 0.5s}
.shfw-btn2:hover a{ color: #fff; letter-spacing: 0.25rem}


/*搜索条*/
.index-search{ height:79px; border-bottom:1px solid #eeeeee; }
.search-font{ font-size: 14px; align-items: center; line-height:79px; }
.search-form{ display: flex; align-items: center; font-size: 14px; }
.search-btn{ background:#ba0008; display: block; height:38px; transition: all 0.5s}
.search-btn:hover{ background:#80c26a; }
.input-txt{ background:#f6f7fc; color: #999999; width: 260px; border:none;}
.search-font i{ background: url("../img/hot_inco.png") no-repeat center center; display: block; width: 10px; height: 10px;}
.search-font span{ position: relative; display: inline-block}
.search-font span:after{ position:absolute; content: ""; width: 1px; height:15%; background: #666666; top:0; bottom: 0; right: 0; margin:auto;}
.search-font span:nth-last-of-type(1):after{ width: 0;  color: #666666;}
.search-font span a{ color: #666666; font-size: 14px;}
.search-font span a:hover{ color: #ba0008; font-size: 14px;}
/*产品类别*/
.index_pro_list{ width: 100%; justify-content: space-between; display: flex; margin-left: 0; margin-right: 0; }
.index_pro_list .pro_slider{ flex: 1; overflow: hidden;  }
.index_pro_list .pro_slider span:nth-of-type(1){ width: 384px; height: 420px;}
.index_pro_list .pro_slider span:nth-of-type(1) img{ transition: all 0.5s; width: 100%; height: 100%; opacity: 0.2; 
									transition: all 0.5s }
.index_pro_list .pro_slider .pro_font1{ position: absolute; top: 0; left: 0; width: 100%; padding:40px; 
					box-sizing: border-box; transition: all 0.5s}

.pro-box-double a>div{ display: block; border-radius:0.5rem;  }
.pro-box-double a>p{ font-size: 16px; transition: all 0.5s; color: #333333;}
.pro-box-double a>p i{ transition: all 0.5s}
.pro-box-double a:hover>p  {  font-size: 16px;}

.img-all img,.pro-shuiyin img{ transition: all  0.5s}
.pro-shuiyin{ position: absolute; bottom: 0; left:0; width: 100%; overflow: hidden;}


/*控制器 优势*/
#swiper-container2 .swiper-slide{ background:#f6f6f6; transition: all 0.5s }
.ys-nav-four{position: relative; width: 100%; height: 100%; cursor:hand}
.ys-nav-four:after{ position: absolute; content: "";  width: 0; height: 0; border:10px  solid transparent;  border-top-color:#ba0008;  z-index: 9999; bottom:  0px; left: 0; right: 0; margin: auto; transition: all 0.5s; opacity: 0}
#swiper-container2 .swiper-slide:not(:nth-last-of-type(1)) .ys-nav-four:before{ position: absolute; content: "";  width: 1px; height: 100%; right: 0;top: 0;   background: #e3e3e3;  z-index: 9999; display: block}

#swiper-container2 .active-nav{ background:#ba0008!important;}
.ys-nav-four p:nth-of-type(1){ color: #ba0008; font-family: 'Bahnschrift'; position: relative; font-size: 60px; line-height: 60px;}
.ys-nav-four p:nth-of-type(1):after{ position: absolute; content: attr(data-title);left: 0;top: -20%; right: 0; margin: auto; color: #333333; text-transform: uppercase; font-size: 70px; color: rgba(0,0,0,0.05);font-family: 'impact'!important;z-index: 9999999;transition: all 0.5;}
.ys-nav-four p:nth-of-type(2){ color: #333333; font-size: 26px; line-height: 30px;}
.ys-nav-four p:nth-of-type(3){ color:#999999; text-transform: uppercase;font-size:15px;}
#swiper-container2 .swiper-slide.active-nav  p{ color: #fff!important;}
#swiper-container2 .swiper-slide.active-nav  p:nth-of-type(1) span{ opacity: 0;  transform: scale(2.0)}
#swiper-container2 .swiper-slide.active-nav .ys-nav-four:before{ width: 0}
.ys-nav-four i{ display: block; position: absolute; top: 0%; bottom: 0;right: 0; left: 0; margin: auto; opacity: 0;   transition: all 0.5s; }
#swiper-container2 .swiper-slide.active-nav .ys-nav-four p:nth-of-type(1):after{ font-size: 130px; top: -80%;color: rgba(255,255,255,0.05);}

#swiper-container2 .swiper-slide.active-nav .ys-nav-four i{  opacity: 1;top: 20%;}
#swiper-container2 .swiper-slide.active-nav .ys-nav-four:after{bottom: -20px; opacity: 1}

@media(max-width: 992px){

	.ys-nav-four p:nth-of-type(1){ color: #ba0008; font-family: 'Bahnschrift'; position: relative; font-size: 30px; line-height: 40px; font-weight: bold}
	.ys-nav-four p:nth-of-type(1):after{ position: absolute; content: attr(data-title);left: 0;top: -20%; right: 0; margin: auto; color: #333333; text-transform: uppercase; font-size: 30px; color: rgba(0,0,0,0.05);font-family: 'impact'!important;z-index: 9999999;transition: all 0.5;}

	.ys-nav-four p:nth-of-type(3){ color:#999999; text-transform: uppercase;font-size:12px;}


	.ys-nav-four p:nth-of-type(2){ color: #333333; font-size: 16px; line-height: 30px;}
	#swiper-container2 .swiper-slide.active-nav .ys-nav-four p:nth-of-type(1):after{ font-size: 60px; top: -80%;color: rgba(255,255,255,0.05);}
}



#swiper-container2_pro .swiper-slide{ background:#f6f6f6; transition: all 0.5s }
.ys-nav-four{position: relative; width: 100%; height: 100%; cursor:hand}
.ys-nav-four:after{ position: absolute; content: "";  width: 0; height: 0; border:10px  solid transparent;  border-top-color:#ba0008;  z-index: 9999; bottom:  0px; left: 0; right: 0; margin: auto; transition: all 0.5s; opacity: 0}
#swiper-container2_pro .swiper-slide:not(:nth-last-of-type(1)) .ys-nav-four:before{ position: absolute; content: "";  width: 1px; height: 100%; right: 0;top: 0;   background: #e3e3e3;  z-index: 9999; display: block}

#swiper-container2_pro .active-nav{ background:#ba0008!important;}
#swiper-container2_pro .ys-nav-four p:nth-of-type(1){ color: #ba0008; font-family: 'Bahnschrift'; position: relative; font-size: 60px; line-height: 40px;}
#swiper-container2_pro .ys-nav-four p:nth-of-type(1):after{ position: absolute; content: attr(data-title);left: 0;top: -20%; right: 0; margin: auto; color: #333333; text-transform: uppercase; font-size:47px; color: rgba(0,0,0,0.05);font-family: 'impact'!important;z-index: 9999999;transition: all 0.5;}
#swiper-container2_pro .ys-nav-four p:nth-of-type(2){ color: #333333; font-size: 18px; line-height: 30px;}
#swiper-container2_pro .ys-nav-four p:nth-of-type(3){ color:#999999; text-transform: uppercase;font-size:12px;}
#swiper-container2_pro .swiper-slide.active-nav  p{ color: #fff!important;}
#swiper-container2_pro .swiper-slide.active-nav  p:nth-of-type(1) span{ opacity: 0;  transform: scale(2.0)}
#swiper-container2_pro .swiper-slide.active-nav .ys-nav-four:before{ width: 0}
.ys-nav-four i{ display: block; position: absolute; top: 0%; bottom: 0;right: 0; left: 0; margin: auto; opacity: 0;   transition: all 0.5s; }
#swiper-container2_pro .swiper-slide.active-nav .ys-nav-four p:nth-of-type(1):after{ font-size: 130px; top: -80%;color: rgba(255,255,255,0.05);}

#swiper-container2_pro .swiper-slide.active-nav .ys-nav-four i{  opacity: 1;top: 20%;}
#swiper-container2_pro .swiper-slide.active-nav .ys-nav-four:after{bottom: -20px; opacity: 1}



@media(max-width: 992px){

	#swiper-container2_pro  .ys-nav-four p:nth-of-type(1){ color: #ba0008; font-family: 'Bahnschrift'; position: relative; font-size: 30px; line-height: 40px; font-weight: bold}
	#swiper-container2_pro  .ys-nav-four p:nth-of-type(1):after{ position: absolute; content: attr(data-title);left: 0;top: -20%; right: 0; margin: auto; color: #333333; text-transform: uppercase; font-size: 30px; color: rgba(0,0,0,0.05);font-family: 'impact'!important;z-index: 9999999;transition: all 0.5;}

	#swiper-container2_pro  .ys-nav-four p:nth-of-type(3){ color:#999999; text-transform: uppercase;font-size:12px;}


	#swiper-container2_pro  .ys-nav-four p:nth-of-type(2){ color: #333333; font-size: 16px; line-height: 30px;}
	#swiper-container2_pro .swiper-slide.active-nav .ys-nav-four p:nth-of-type(1):after{ font-size: 60px; top: -80%;color: rgba(255,255,255,0.05);}
}



.ys_font_box{}
.ys_font_box>p:nth-of-type(1){ font-size: 32px; color: #333; font-weight: bold}
.ys_font_box>p:nth-of-type(2){ font-size: 16px; color: #bbbbbb; text-transform: uppercase}
.ys_font_box>div>p{ font-size: 16px; color: #666666; line-height: 30px}
.ys_font_box>div>p i img{ max-width: inherit}
 p.btn_chat{ background: #80c26a; border-radius: 0.2rem; padding: 0.5rem 0.5rem; font-size: 14px; color: #fff; transition: all 0.5s}
 p.btn_chat a{ color: #fff}

p.btn_chat:hover{ background: #4bb394;}

.ys_tel_box{ background: #ba0008; border-radius: 0.2rem; position: relative }
.ys_tel_box:before{ position: absolute; content: ""; background: url("../img/dian.png") no-repeat left top;    top: 0;
	left: 0%;
	width: 20%;
	height: 40px;  }
.ys_tel_box:after{ position: absolute; content: ""; background: url("../img/ys_tel_r.png") no-repeat right bottom;    bottom: -10%;
	right: 0%;
	width: 20%;
	height: 40px;  }
.ys_left p{ color: rgba(255,255,255,0.5); font-size: 15px;}
.ys_left p:nth-of-type(2){ font-size: 32px; color: rgba(255,255,255,1); font-family: Bahnschrift; line-height: 30px; font-weight: 200}

@media(max-width: 992px){
	.ys_font_box>p:nth-of-type(1){ font-size: 18px; color: #333; font-weight: bold}
	.ys_left p:nth-of-type(2){ font-size: 18px; color: rgba(255,255,255,1); font-family: Bahnschrift; line-height: 30px; font-weight: 200}

	.ys_font_box>div>p{ font-size: 12px; color: #666666; line-height: 30px}

}

.ys_font_box{}
#swiper-container3_pro .ys_font_box>p:nth-of-type(1){ font-size: 22px; color: #333; font-weight: bold}
#swiper-container3_pro .ys_font_box>p:nth-of-type(2){ font-size: 12px; color: #bbbbbb; text-transform: uppercase}
#swiper-container3_pro .ys_font_box>div>p{ font-size: 12px; color: #666666; line-height: 30px}
#swiper-container3_pro .ys_font_box>div>p i img{ max-width: inherit}
#swiper-container3_pro  p.btn_chat{ background: #80c26a; border-radius: 0.2rem; padding: 0.5rem 0.5rem; font-size: 14px; color: #fff}
#swiper-container3_pro  p.btn_chat a{ color: #fff}
#swiper-container3_pro  .ys_tel_box{ background: #ba0008; border-radius: 0.2rem; position: relative }
#swiper-container3_pro  .ys_tel_box:before{ position: absolute; content: ""; background: url("../img/dian.png") no-repeat left top;    top: 0;
	left: 0%;
	width: 20%;
	height: 40px;  }
#swiper-container3_pro  .ys_tel_box:after{ position: absolute; content: ""; background: url("../img/ys_tel_r.png") no-repeat right bottom;    bottom: -10%;
	right: 0%;
	width: 20%;
	height: 40px;  }
#swiper-container3_pro  .ys_left p{ color: rgba(255,255,255,0.5); font-size: 15px;}
#swiper-container3_pro  .ys_left p:nth-of-type(2){ font-size:18px; color: rgba(255,255,255,1); font-family: Bahnschrift; line-height: 30px; font-weight: 200}

@media(max-width: 768px){
	#swiper-container3_pro  .ys_font_box>p:nth-of-type(1){ font-size: 20px; color: #333; font-weight: bold}
}





















.index-pro-list{ background: #404040}
.index_pro_list .pro_slider .pro_font1 p:nth-child(1){ font-size: 22px; color: #282828; }
.index_pro_list .pro_slider .pro_font1 p:nth-child(2){ color: #666666; font-size: 15px; }
.index_pro_list .pro_slider .pro_font1 span{ position: relative; text-align: center; display: block; width:38px; height: 38px; 
							  border-radius: 100%; background: #f3f3ef; color: #0e0e0e; vertical-align: middle; }
.index_pro_list .pro_slider .pro_font1 span i{ display: block;  position: absolute; top: 5px;bottom:0;left:0;right: 0; margin: auto; }
.index_pro_list .pro_slider .pro_font1 p:nth-last-of-type(1){ padding-top:10%; }
.index_pro_list .pro_slider:nth-of-type(2) .pro_font1  p:nth-last-of-type(1){ padding-top:10%; }
.index_pro_list .pro_slider:nth-of-type(3) .pro_font1  p:nth-last-of-type(1){ padding-top:15%;padding-left: 25px; }
.index_pro_list .pro_slider:nth-of-type(4) .pro_font1  p:nth-last-of-type(1){ padding-top:10%;padding-left: 30px; }





.index_pro_list .pro_slider .pro_font2{ position: absolute; top: 420px; left: 0; width: 100%; padding:40px;height: 422px; 
					box-sizing: border-box; transition: all 0.5s}
.index_pro_list .pro_slider:hover .pro_font1{ top: -422px; }
.index_pro_list .pro_slider:hover span img{ transform: scale(1.2);  }
.index_pro_list .pro_slider:hover .pro_font2{ top: 0; background:rgba(0,0,0,0.9); opacity:0.9}
.index_pro_list .pro_slider:hover .pro_font2 p:nth-child(1){ font-size: 22px; color: #fff; }
.index_pro_list .pro_slider:hover  .pro_font2 p:nth-child(2){ color: #fff; font-size: 15px;  }
.index_pro_list .pro_slider:hover  .pro_font2>span:nth-of-type(1){ position: relative; text-align: center; display: block; width:38px; height: 38px; 
							  border-radius: 100%; background: #ba0008; color: #fff; vertical-align: middle; opacity: 1}
.index_pro_list .pro_slider:hover  .pro_font2>span:nth-of-type(1) i{ display: block;  position: absolute; top: 5px;bottom:0;left:0;right: 0; margin: auto; }
 
.pro_font2>a:nth-last-of-type(1){ display: block; background: #ba0008; color: #fff!important; width: 125px; 
					height: 40px; line-height: 40px;text-align: center; font-size: 15px; margin-top: 20px; transition: all 0.5s}
					.pro_font2>a:nth-last-of-type(1):hover{ color: #fff; width: 135px;   }
.index_pro_list .pro_slider:hover div a{  color: #fff; font-size: 15px; transition: all 0.5s }
.index_pro_list .pro_slider:hover div:nth-of-type(1){ margin-top: 10px; }
.index_pro_list .pro_slider:hover div{line-height: 25px; }
.index_pro_list .pro_slider:hover div a:hover{ color: #ba0008 }



.news_detail{ background: #f3f3f3; padding: 30px 0; text-align: center; }

 @media(max-width:768px) {
  .index_pro_list {flex-flow:row wrap;}
  .index_pro_list .pro_slider{  flex-basis:50%; }
   
  .index_pro_list .pro_slider:nth-last-of-type(1){ flex-basis:100%;}

  .index_pro_list .pro_slider .pro_font1 p:nth-child(1){ font-size:16px; color: #282828; }
  .index_pro_list .pro_slider .pro_font1 p:nth-child(2) { color: #666666;  font-size: 12px;}



.index_pro_list .pro_slider .pro_font1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding:30px 20px 0;
 
    box-sizing: border-box;
    transition: all 0.5s;
}
  .index_pro_list .pro_slider:hover .pro_font1{ top: 0px; }
 
  .index_pro_list .pro_slider:not(:nth-last-of-type(1)) .pro_font1 p:nth-last-of-type(1) {
     display: none;
	}
  
}

/*新品推荐*/

.index_title p:nth-of-type(1){ font-size: 28px; color: #333333}
.index_title p:nth-of-type(1) b{color:#ba0008;}
.index_title p:nth-of-type(2){ font-size: 16px;color: rgba(34,34,34,0.5); text-transform: uppercase; position:relative;}
.index_title i{ position: relative; width:45px; display: block; margin: 0 auto; }
.index_title i:after{ position: absolute; content: "";left: 0; bottom: -60%;  margin:auto;
							background: #ba0008; width: 75%; height: 4px; border-radius: 0.2rem }
.index_title i:before{ position: absolute; content: "";right: 0; bottom: -60%; right: 0; margin:auto;
	background: #ba0008; width: 18%; height: 4px; border-radius: 0.2rem }

.index_title.white-font p:nth-of-type(1){ font-size: 28px; color: #fff}
.index_title.white-font p:nth-of-type(1) b{color:#fff;}
.index_title.white-font p:nth-of-type(2){ font-size: 16px;color: rgba(255,255,255,0.5); text-transform: uppercase; position:relative;}
.index_title.white-font i{ position: relative; width:45px; display: block; margin: 0 auto; }
.index_title.white-font i:after{ position: absolute; content: "";left: 0; bottom: -60%;  margin:auto;
	background: #fff; width: 75%; height: 4px; border-radius: 0.2rem }
.index_title.white-font i:before{ position: absolute; content: "";right: 0; bottom: -60%; right: 0; margin:auto;
	background: #fff; width: 18%; height: 4px; border-radius: 0.2rem }


/*产品列表*/
.prolist-item{ display: block; position: relative; background: #fff; height: 100%; width: 100%; overflow: hidden;}
.prolist-item:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; width:1px; height: 100%;right: 0;top: 0; background: #eff1f7; z-index: 999;}
.prolist-item:not(:nth-last-of-type(1)):before{position: absolute; content: ""; width:4px; height: 10%;left:0px;top: 0; background: #fff;   transition: all 0.75s; z-index: 9999}
.prolist-item:hover:before{ background: #ba0008; height: 10%;  top:90%; }

.prolist-item  img{ transition: all 0.5s;filter: contrast(1) brightness(1);
	-webkit-transition: all 1s;
	-webkit-transform: scale(1);transform: scale(1)}
.prolist-item:hover img{ transform: scale(1.02);
	filter: contrast(1.25) brightness(1.25);
	-webkit-transition: all 1s;
	-webkit-transform: scale(1.05);
	}
.list-img img{ transform: scale(0.9)}
.prolist-item:nth-last-of-type(1)  img{ transform: scale(1.25)}



.prolist-item p:nth-of-type(1){ font-size: 18px; color: #333333}
.prolist-item p:nth-of-type(2){ font-size: 12px; color: #999999}
.pro-ad-font{ position: absolute; top: 0; left: 0;right: 0; bottom: 0; margin: auto}
.pro-ad-font p:nth-of-type(1){ font-size: 20px; color: #ffffff; font-weight: bold}
.pro-ad-font p:nth-of-type(2){ font-size: 12px; color: #ffffff;  }
.pro-ad-font p:nth-of-type(3) span{ background: #80c26a; color: #fff; font-size: 12px; padding: 0.75rem; border-radius: 2rem; transition: all 0.5s  }
.pro-ad-font p:nth-of-type(4) span{ background: #ba0008; color: #fff; font-size: 12px; padding: 0.75rem; border-radius: 2rem;transition: all 0.5s  }

.pro-ad-font p:nth-of-type(3) span:hover{ background: #0761aa;}
.pro-ad-font p:nth-of-type(4):hover span{ background: #0761aa;}


.right_box .index_title p:nth-of-type(1){ font-size: 28px; color: #333333}
.right_box .index_title p:nth-of-type(1) span{ font-weight: bold; font-size: 28px; color: #ba0008}
.pro-left-list{  }
.pro-title{ background: #ba0008; position: relative; font-size: 18px; overflow: hidden}
.pro-title:after{position: absolute; content: ""; background: url("../img/dian.png") no-repeat right top; top:0; right:0%; width: 20%; height:40px; }
.pro-title:before{position: absolute; content: ""; background: url("../img/dian.png") no-repeat right top; bottom:0; left:0%; width: 20%; height:40px; }
.pro-title span{ font-size: 18px; text-transform: uppercase; position: relative}
.pro-title span:before{ position:absolute; content: ''; height:1px; background: #fff; width: 20%;left:10%; top:0; bottom:0; margin: auto;}
.pro-title p{ position:relative}
.pro-title p:after{ position:absolute; content: attr(data-title); text-transform: uppercase; color:rgba(255,255,255,0.05); bottom: -160%; left:0; right: 0; margin:auto;
					font-size: 60px;  font-family: 'impact'; z-index: 99}
.proname-box{ width:100%;}
.proname-item{ overflow: hidden; height:65px; padding-left:20%; font-size: 18px; color: #333333; display: flex; align-items: center;position: relative; transition: all 0.5s}
  .proname-item:after{ position:absolute;content: ""; left:0; bottom:0; width: 100%; background:#f6f6f6; height:100%;  z-index:9;
	-webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0);
	transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;
}
.proname-item:hover:after{  -webkit-transform-origin: left center;transform-origin: left center;
	-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}
.proname-item a{ display:flex;align-items: center; position: relative; width: 100%; margin: 0 auto; height:100%; z-index: 999}
.proname-item a:after{position: absolute; content: ""; height:1px; border-bottom:1px dashed #e5e5e5; width: 90%; bottom:0; left:-30%; right:0; margin:auto;}
.proname-item:hover a{ color: #0e0e0e}
.proname-item:before{ position: absolute; content:""; width: 5px; height:0%; background: #c40e25; left:0; transition: all 0.5s;transform-origin: top center; z-index: 99}
.proname-item:hover:before{ height:100%;transform-origin: bottom center}
.proname-item:hover a:after{ height:0;border-bottom:0px dashed #e5e5e5; }
.proname-item i{ display: inline-block; float:right; background: url("../img/left_dot.png") no-repeat left center; width: 42px; height:28px; z-index: 999; position: absolute; right: 10%;
	  transition: all 0.5s; transform: translateX(200%); opacity: 0.5}
.proname-item:hover i{  transform: translateX(0%); opacity: 1}






.pro-box-two{ text-align: center;  background: #fff;  border-radius: 5px; border: 1px solid #e9ebef; transition: all 0.5s; height:100%;}
.pro-box-two a p:nth-of-type(1){ font-size: 16px; color: #282828;}
.pro-box-two img{  transition: transform 0.5s}
.pro-box-two a p:nth-of-type(2){ position: absolute; bottom: 10%; font-size: 14px; color: #ffffff; border-radius:35px; border: 1px solid #fff; width: 150px; height:35px; line-height: 35px; margin: auto;left: 0; right: 0; text-align: center; transform: opacity 0.5s; opacity: 0; display: block; transition: all 0.5s; bottom: -10%}
.pro-box-two:hover,.pro-box-two.on{ background:url("") no-repeat top center #bd0005}
.pro-box-two.on a p{ color: #fff; }
.pro-box-two:hover a p:nth-of-type(2){  opacity: 1; }
.pro-box-two:hover a p:nth-of-type(1){ color: #fff;}
.pro-box-two:hover img{ transform:translateY(-5px) scale(0.95);}





.proname-item-sub,.proname-item-sub.on{ overflow: hidden;    font-size:16px; color: #333333; display: flex; align-items: center;position: relative; transition: all 0.5s; background: #f6f7fb  }
.proname-item-sub a{ padding-left:10%}
.proname-item-sub:after,.proname-item-sub.on:after{
	position:absolute;content: ""; left:0; bottom:0; width: 2%; background:#4973ce;
	height:100%;  z-index:9;-webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0);
	transform: scaleX(0);-webkit-transform-origin: bottom center;transform-origin: bottom center;
}
.proname-item-sub:hover:after{  -webkit-transform-origin: top center;transform-origin: top center;
	-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}
.proname-item-sub a{ display:flex;align-items: center; position: relative; width: 100%; margin: 0 auto; height:100%; z-index: 999}
.proname-item-sub a:after{position: absolute; content: ""; height:1px;   width: 90%; bottom:0; left:-30%; right:0; margin:auto;}

.proname-item-sub.on a:after{border-bottom:0px dashed #e5e5e5;}

.proname-item-sub:hover a{ color: #333333}
.proname-item-sub:before,.proname-item-sub.on:before{ position: absolute; content:""; width: 5px; height:0%; background: #4973ce; left:0; transition: all 0.5s;transform-origin: top center; z-index: 99}
.proname-item-sub:hover:before{ height:100%;transform-origin: bottom center}
.proname-item-sub:hover a:after{ height:0;border-bottom:0px dashed #e5e5e5; }
.proname-item-sub i{ display: inline-block; float:right; background: url("../img/left_dot.png") no-repeat left center; width: 42px; height:38px; z-index: 999; position: absolute; right: 10%;
	transition: all 0.5s; transform: translateX(200%); opacity: 0.5}
.proname-item-sub:hover i{  transform: translateX(0%); opacity: 1}

.proname-item-sub.on{  }

.proname-item-sub.on:before{ position: absolute; content:""; width: 5px; height:100%; background: #4973ce; left:0; transition: all 0.5s;transform-origin: top center; z-index: 99}
.proname-item-sub.on a{ font-weight: bold}


.pro_all_content{ display: block; width: 70%  }
.pro_all_content p:nth-of-type(1){ font-size: 22px; font-weight: bold; }
.pro_all_content p:nth-of-type(2){	color: #999999; font-size: 14px;}
.pro_all_content table{ border:1px solid #f2f2f2; width: 100%;}
.pro_all_content td{ color: #666666; font-size: 16px; line-height:36px;}
.pro_all_content tr  td:nth-of-type(2){ padding-left: 5%;}
.pro_all_content tr:nth-child(even){ background: #fff}
.pro_all_content tr:nth-child(odd){ background: #f6f6f6}
.pro_all_content tr:nth-child(odd)  td:nth-of-type(1){ background: #f2f2f2}
.pro_all_content tr:nth-child(even)  td:nth-of-type(1){ background: #e9e9e9;}
.pro-all-center { padding-bottom: 100px; }
.pro-all-center .swiper-pagination4{ text-align: center; bottom: 18px; position: absolute;  z-index: 99;}
.pro-all-center .swiper-pagination4 .swiper-pagination-bullet{ transition: all 0.5s;
    display: inline-block;
    margin-right: 10px;
    width: 40px;
    height: 3px;
    border-radius: 0;
    background: #333;
    cursor: pointer;} 
.pro-all-center  .swiper-pagination4  .swiper-pagination-bullet-active{   background-color: #ba0008 }
.pro-btn-all {transition:all 0.5s; font-size: 14px;}
.pro-btn-all a{ font-size: 16px; flex:0 0 auto; width: 48%; text-align: center;  text-align: center; padding: 0.5rem 0rem;display: flex; justify-content: center; align-items: center}
.pro-btn-all a:nth-of-type(1){ display: flex; color: #fff; }
.pro-btn-all a:nth-of-type(1){ background: #ba0008; color:#fff; border-radius: 5px;}
.pro-btn-all a:nth-of-type(2){ background: #353535; color:#fff; border-radius: 5px;}
.pro-btn-all a:nth-of-type(1) i{ background: url("../img/btn1.png") no-repeat center center; padding: 1rem}
.pro-btn-all a:nth-of-type(2) i{ background: url("../img/btn2.png") no-repeat center center; padding:1rem}


@media(max-width:1199px) {
	.pro-btn-all{flex-flow: column!important;}
	.pro-btn-all a{ font-size: 14px; flex:0 0 auto; width: 100%; text-align: center; padding: 0.1rem 0rem;display: flex;   align-items: center; display: flex; flex-wrap: wrap; flex-flow: column; margin-bottom: 1%}
}


.left_tel{ background: url("../img/left-tel.png") no-repeat left center; padding-left: 25%}
.left_tel p:nth-of-type(1){ font-size: 13px; color: rgba(0,0,0,0.8); margin-bottom: 0}
.left_tel p:nth-of-type(2){ font-size: 27px; color:#ba0008; font-family: 'Bahnschrift'}
.pro-box-two p{ font-size: 16px;}
.pro-box-two img{ width: 285px;}
.pro-box{ width: 100%;  height:480px;  background: #fff; box-sizing: border-box; padding: 15px;  position: relative; overflow: hidden;}
.pro-box span{ position: relative; display: block; overflow: hidden; max-width: 100%; background: #f5f5f5 }
.pro-box span:after{ position: absolute; content: ""; width: 100%;   background: rgba(0,0,0,0.4); top: -200px;  transition: all 0.5s; z-index: 9;left: 0}
.pro-box span img{ transition: all 0.5s; max-width: 100%;  max-height: 100%; }

.pro-box>div:nth-of-type(2){ position: absolute;bottom: -314px; }
.pro-box .pro-title1{ width: 100%; height: 170px; text-align: center;transition: all 0.5s; font-size: 18px; box-sizing: border-box;   padding:0 15px 15px;}

.pro-box .pro-title1 p:nth-of-type(1){ color: #333; font-size: 18px; line-height: 40px; }
.pro-box .pro-title1 div:nth-of-type(1){ color: #999999; font-size: 14px; line-height: 20px; margin-bottom: 8%; }
.pro-box .pro-title1 div.more_click{ width: 50%; height: 30px; border-radius: 15px; line-height: 30px; text-align: center; color: #fff; background: #555555; font-size: 12px; text-transform: uppercase; margin: 0 auto; transition: all 0.5s }
.pro-box:hover .pro-title1 div.more_click{ background: #c60012; width: 60%;letter-spacing: 0.25rem; }
.pro-box .pro-title2{ position: absolute; bottom:390px; left: 0; transition: all 0.5s; background:rgba(255,255,255,0.5); width: 100%;
	height: 170px; z-index: 10; padding: 15px 0; box-sizing: border-box; }
.pro-box .pro-title2 p{ font-size: 14px; text-align: center; padding-top: 15px; }
.pro-box .pro-title2 p:nth-of-type(2){ display: flex; justify-content: space-between; padding: 15px 15px; }
.pro-box .pro-title2 p:nth-of-type(2) a{ display: block; border-radius: 5px; width: 48%; height: 35px; border-radius: 20px;
	border:1px solid #666; line-height: 35px; color: #666; font-size: 14px; transition: all 0.5s}
.pro-box .pro-title2 p:nth-of-type(2) a:nth-last-of-type(1){ display: block; border-radius: 5px; width: 48%;
	height: 35px; border:1px solid #c60012; background: #c60012; color: #fff;transition: all 0.5s; font-size: 14px; border-radius: 20px;}
.pro-box:hover span:after{ top: 0px; }


.pro-box:hover span img{ transform: scale(1.1); }


.mb_pro_list_name{ text-align: center; font-size: 12px;  line-height: 50px; height: 50px;}

.pr_nav_mb  .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 40px;
	background: #f00
}


.pr_nav_mb .swiper-pagination7 {
	text-align: center;
	top: 50px;
	position: absolute;
	z-index: 99;
}
.pr_nav_mb .swiper-pagination7.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:  #ba0008 !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}


.pro-box-mb{margin: 2%;  background: #fff; padding: 2% 2% 4%; font-size: 14px; text-align: center; height: 98%; }
.pro-box-mb span{ margin-bottom: 1%; }
.pro-box-mb div a:nth-child(1){  border:1px #ba0008 solid; padding:2%; color:#666;   width:48%;
	display:block; float:left; font-size: 12px;}
.pro-box-mb  div a:nth-child(2){    background: #ba0008; padding:2%;  color:#FFF;width:48%;display:block; float:right;font-size: 14px;}

.pr_nav_mb .swiper-pagination7{ text-align: center; top: 50px; position: absolute;  z-index: 99;}



.mb_pro_list_name{ text-align: center; font-size: 12px;  line-height: 50px;}

.pr_nav_mb  .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 40px;
	background: #f00
}



.pr_nav_mb .swiper-pagination7.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:  #c40e25 !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	transform-origin: left top;
}

.pro-box .pro-title2 p:nth-of-type(2) a:nth-of-type(1):hover{background: #c60012; color: #fff;border:1px solid #c60012;}
.pro-box .pro-title2 p:nth-of-type(2) a:nth-of-type(2):hover{background: #fff; color: #c60012;border:1px solid #c60012;}
.pro-all a:hover img{ transform: scale(1.5); }
.pro-all a:hover span:after{ height: 100%; }
.pro-all a p:after{ position: absolute; transition: all 0.5s; content:"";
	left: 0; bottom: 0; height: 1px; background: #a6c14c; width: 0}
.pro-all a:hover p:after{ width: 100% }
.pro-all a:hover p{ letter-spacing: 5px; padding-left: 10px; }
a.more-all-zj{line-height: 50px; border:1px #e2e2e2 solid; border-bottom: 3px #1ab27a solid;
	color: #4b4b4b; font-size: 14px;  transition: all 0.5s}
a.more-all-zj:hover{letter-spacing: 10px;}

.pro-all-li .pro-box{ width: 100%;  height:360px;  box-sizing: border-box; padding: 8px;
	position: relative; overflow: hidden;}
.pro-all-li .pro-title1{ width: 100%; height: 140px;   text-align: center;transition: all 0.5s;
	font-size: 18px; box-sizing: border-box; padding:0 15px 15px;}
.pro-all-li .pro-box .pro-title1 div:nth-of-type(1){ color: #999999; font-size: 14px; line-height: 20px; margin-bottom: 3%; }
.pro-all-li .pro-box .pro-title1 p:nth-of-type(1){ color: #333; font-size: 14px; line-height: 20px; height: 35px; padding-top: 10px;  }

/*订购流程*/
.index-dglc{ background: url("../img/index_dinggou_bj.jpg") no-repeat center top; position: relative; overflow: hidden; background-size: cover}

.index-dglc:after{ position: absolute; content: attr(data-title); bottom: -25%;left: 0;right: 0; margin: auto; color: #2da17c; display: block; font-size: 150px; text-transform: uppercase; text-align: center; font-family: Impact}




.lc-item span{ display: block; background: #fff; border-radius: 100%; width: 85px; height:85px; position: relative }
.lc-item span i{ width: 50%; height: 50%; position: absolute; left: 0;top: 0; bottom: 0;right: 0; margin: auto; display: block}
.lc-item p:nth-of-type(1){ font-size: 24px; color: #fff}
.lc-item p:nth-of-type(2){ font-size: 20px; color: #fff}
.lc-item:hover { background: #fff; border-radius: 0.5rem}
.lc-item,.lc-item span,.lc-item span i img{ transition: all 0.5s}


@media(max-width: 992px){
	.lc-item p:nth-of-type(1){ font-size: 18px; color: #fff}
	.lc-item p:nth-of-type(2){ font-size: 16px; color: #fff}
}
.lc-item:hover span{ background: #ba0008}
.lc-item:hover span i img{filter: brightness(100);}
.lc-item:hover p{ color: #ba0008;}
.lc-item{ position: relative}
.lc-item:after{ position: absolute; content: "";  width: 0; height: 0; border:10px  solid transparent;  border-top-color:#fff;  z-index: 9999; bottom:  0px; left: 0; right: 0; margin: auto; transition: all 0.5s;  opacity: 0}
.lc-item:hover:after{bottom:  -20px; opacity: 1}
.lc-line{ position: relative; display: block; width: 35px;}
.lc-line:after{ position: absolute; content: "";  width: 100%; height:1px;  background: rgba(255,255,255,0.5); left: 0; bottom: 30%;right: 0;  margin: auto;  }
@media(max-width:1400px){
	.lc-line{ display: none}
	.lc-item{ flex: 0 0 auto;width: 33.33%}

	.index-dglc:after{ position: absolute; content: ""; bottom: -25%;left: 0;right: 0; margin: auto; color: #2da17c; display: block; font-size: 150px; text-transform: uppercase; text-align: center; font-family: Impact}

}
.lc-item:nth-of-type(1){ position: relative; height: 100%; display: block; zoom: 1}
.lc-item:nth-of-type(1):before{ position: absolute; content: "";right: 100%;width: 500px; height:1px;  background: rgba(255,255,255,0.5);  margin: auto; top: 0; bottom:-37%;}
.lc-item:nth-last-of-type(1){ position: relative; height: 100%; display: block; zoom: 1}
.lc-item:nth-last-of-type(1):before{ position: absolute; content: "";left: 100%;width: 500px; height:1px;  background: rgba(255,255,255,0.5);  margin: auto; top: 0; bottom:-37%;}
/*公司简介*/
.index-about-img{ position: relative}
.index-about-img:after{ position: absolute; content: ""; left:8%; top:10%; width: 85%; height: 95%; border-radius: 0.5rem; background: #ba0008; z-index: -1}
@media(max-width: 992px){

	.index-about-img:after{ position: absolute; content: ""; left:8%; top:10%; width: 85%; height: 95%; border-radius: 0.5rem; background:none ; z-index: -1}
}

.about-font-title-two{ position: relative}
.about-font-title-two p:nth-of-type(1){ font-size: 24px; color: #282828; font-weight: bold;}
.about-font-title-two p:nth-of-type(2){ font-size:16px; color: #666666;  }
.about-font-title-two:after{ position: absolute; content:attr(data-title);text-transform: uppercase; color: rgba(102,102,102,0.1); left: 0; top: -50%;  font-size: 80px; font-family: Impact; opacity: 0.5;letter-spacing: 1rem}
.about-nr{ font-size: 16px; color: #666; line-height: 30px;}
.about-item span i{ display: block; width: 50%; height: 50%; position: relative}
.about-item span i img{ max-width: 100%;}
.about-item span{ display: block; border-radius: 0.5rem;  position: relative;}

.about-bj{ position: relative;  width: 90px; height: 100px; display: block}
.about-bj div{  position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; display: block; padding-bottom: 60%}
.about-bj div:nth-of-type(1){ opacity: 1; transform: all 0.5s; }
.about-bj div:nth-of-type(2){ opacity:0;transform: all 0.5s;}
.about-bj span{ display:block;  position: absolute; top: 0;bottom: 0; right: 0;left: 0;margin: auto;}
.about-bj:hover  div:nth-of-type(2){ opacity: 1; }
.about-bj:hover  div:nth-of-type(1){ opacity: 0;}

.about-item{ font-size: 18px; color: #333; position: relative}
.about-item:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; width: 50%; height: 1px; left: 120%; top: 35%;   margin: auto; background: #ba0008}
.about-all-num .about-slide { color: #757575;  width: 25%;  text-align: center; position: relative; }
.about-all-num .about-slide:after{ position: absolute; content: ""; width: 1px; background: #e7e7e7; height:40%; top: 0; bottom: 0; right: 0; margin: auto;  }
.about-all-num .about-slide:nth-last-of-type(1):after{ height: 0 }
.about-all-num .about-slide p{ font-size: 14px; color: #666666; padding: 0; margin: 0 }
.about-all-num .about-slide p:nth-of-type(1) span{ font-size:40px; color: #ba0008; font-family: Impact  }
.about-all-num .about-slide p:nth-of-type(1){ font-size: 14px; color: #666666 }
@media(max-width: 768px){
	.sl_right p:nth-of-type(1){ font-size: 20px; text-transform: uppercase; color: #ff6a51; margin-bottom: 0;letter-spacing: 1px}
	.sl_right p:nth-of-type(1):first-letter{font-size: 22px; margin-bottom: 0;}
	.sl_right p:nth-of-type(2){ font-size: 16px;   color: #ff6a51;}
	.about-all-num .about-slide p:nth-of-type(1) span{ font-size:26px; color: #282828;  }
}



.about-title-all{}
.about-title-all span:nth-of-type(2){ font-size: 28px; color: #282828; position: relative; padding-left: 10%; margin-left: 2%;}
.about-title-all span:nth-of-type(2):after{ position: absolute; content: ""; height: 1px; width: 13%; background: #939393;
	 display: block;left: 0; top: 0; bottom: 0; margin: auto;}

/*文化*/
.gutters-20 {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.wh-box{ width: 100%; background: #ffffff; border-radius: 2rem 2rem 0 0; height:100%; position: relative; transition: all 0.5s; margin: 0 20px;}
.wh-box:after{ position: absolute; content: ""; width: 100%;height: 4px; background: #ba0008; left: 0; bottom: 0px; transition: all 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.wh-box:hover:after{  transform-origin: left center; transform: scaleX(1);}
.wh-box:hover{ -webkit-transform: translateY(-10px);
				  -moz-transform: translateY(-10px);
				  -ms-transform: translateY(-10px);
				  -o-transform: translateY(-10px);
				  transform: translateY(-10px);
				  -webkit-box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
				  -moz-box-shadow: 0 0 20px rgba(51, 51, 51, 0.1);
				  box-shadow: 0 0 20px rgba(51, 51, 51, 0.1); background: #80c26a }
.wh-box span{ background: #80c26a; height: 100px; width: 100px; border-radius: 100%; display: block; position: relative; margin: 0 auto}
.wh-box span i{ position: absolute; top: 0;right: 0; bottom: 0; left:0; margin: auto; height: 45px; width: 45px;}
.wh-box span i img{ filter: brightness(100)}
.wh-box:hover i img{ filter:brightness(1)}
.wh-box:hover span{ background: #fff!important;}



.wh-box p:nth-of-type(1){ color: #282828; font-size: 28px; font-weight: bold}
.wh-box p:nth-of-type(2){ color: #999999; font-size: 20px; position: relative;  }
.wh-box p:nth-of-type(2):after{ position: absolute; content: "";left: 0; bottom: -60%; right: 0; margin:auto;
	background: #fff; width:8%; height: 2px; transition:transform 0.5s; display: block;}

.wh-box:hover p:nth-of-type(2):after{width:8%; transform:rotate(0deg);}
.wh-box:hover span{ background: #ba0008; transition: all 0.5s}
.wh-box:hover p { color: #fff;}
	.fc_img{ width: 100%;  overflow: hidden;}
	.fc_img img{  transition: all 0.5s;width: 100%; height: 100%; object-fit: cover;}
	.fc_img:hover img{ transform: scale(1.1); filter: brightness(130%);   }
	@media(max-width: 768px){
		.wh-box{ background: #f4f4f4; height:100%; position: relative; transition: all 0.5s; margin: 0 0px;}
		.wh-box span{ background: #ba0008; height: 50px; width: 50px; border-radius: 100%; display: block; position: relative; margin: 0 auto}

		.wh-box span i{ position: absolute; top: 0;right: 0; bottom: 0; left:0; margin: auto; height: 30px; width: 30px;}
		.wh-box span i img{ max-width: 90%}
		.wh-box:hover p:nth-of-type(1),.wh-box:hover p:nth-of-type(2) { color: #fff;}
		.wh-box p:nth-of-type(1){ color: #282828; font-size: 20px;}
		.wh-box p:nth-of-type(2){  color: #999999; font-size: 16px; position: relative; font-size: 14px;  text-transform: uppercase}
		.wh-box p:nth-of-type(2):after{ position: absolute; content: "";left: 0; bottom: -60%; right: 0; margin:auto;
			background: #ba0008; width:8%; height: 2px; transition:transform 0.5s; display: block ;}
		.wh-box p:nth-of-type(n+3){ color: #fff; font-size: 14px; line-height: 20px;}
		.wh-box:hover p:nth-of-type(2):after{width:5%;    transform:rotate(90deg);}

		.shili-font-box{    position: absolute;
			top: 35.3%;

			left: 0;
			right: 0;
			margin: auto;
			background: url(../img/shili_bj.jpg) no-repeat center top;
			width: 46.4%;
			height: 23.33%;
			z-index: 99999;
		display: none;}
	}

.shili-box{ position: relative;}




@media(min-width: 1200px){
	.shili-font-box p:nth-of-type(1){ font-weight:bold; font-size: 36px; position: relative}
	.shili-font-box p:nth-of-type(1) span{ position: relative}
	.shili-font-box p:nth-of-type(1) span:after{ position: absolute; content:'';left: -25%; top: 0;bottom: 0; margin: auto; height: 1px; width: 20%; background: #8bc9b6; display: block;z-index: 9999}
	.shili-font-box p:nth-of-type(1) span:before{position: absolute; content:'';right: -25%; top: 0;bottom: 0; margin: auto; height: 1px; width: 20%; background: #8bc9b6; display: block;z-index: 9999}
	.shili-font-box p:nth-of-type(2){ font-size: 26px; border: 2px #fff solid;letter-spacing: 6px;}

	.shili-font-box{    position: absolute;
		top: 35.3%;

		left: 0;
		right: 0;
		margin: auto;
		background: url(../img/shili_bj.jpg) no-repeat center top;
		width: 46.4%;
		height: 33.33%;
		z-index: 99999;}


}


@media(max-width: 991px){
	.shili-font-box p:nth-of-type(1){ font-weight:bold; font-size: 18px; position: relative}
	.shili-font-box p:nth-of-type(1) span{ position: relative}
	.shili-font-box p:nth-of-type(1) span:after{ position: absolute; content:'';left: -25%; top: 0;bottom: 0; margin: auto; height: 1px; width: 20%; background: #8bc9b6; display: block;z-index: 9999}
	.shili-font-box p:nth-of-type(1) span:before{position: absolute; content:'';right: -25%; top: 0;bottom: 0; margin: auto; height: 1px; width: 20%; background: #8bc9b6; display: block;z-index: 9999}
	.shili-font-box p:nth-of-type(2){ font-size: 12px; border: 1px #fff solid;letter-spacing: 0px;}
}

/*优势*/
.ys_item{ text-align: center; width: 75px; height: 75px; line-height: 35px; border-radius: 100%;   position: relative }
.ys_bg1{ background-image: linear-gradient(to bottom,#a599d0 50%, #eff1f7 0);}
.ys_bg2{ background-image: linear-gradient(to bottom,#e77745 50%, #eff1f7 0);}
.ys_bg3{ background-image: linear-gradient(to bottom,#3bb3c3 50%, #eff1f7 0);}
.ys_item:after{ position: absolute; content: ""; background: #eff1f7;}
.ys_item p:nth-of-type(1){ font-size: 22px; font-weight: bold; margin-bottom: 0; color: #fff;}
.ys_item p:nth-of-type(2){     font-size:15px; font-weight: bold; margin-bottom: 0}
.ys-item-box{ height:470px; width: 100%;  overflow: hidden;  }
.wave{ bottom:0;}
.wave img{ border-radius: 0 0 5px 5px;}
.ys-box1{ width: 100%; height:100%;}
.ys_font{ top:0;left: 0; bottom:0; right:0; margin: auto; transition: all 0.5s}
.ys_font p:nth-of-type(3){ position: relative; color: rgba(255,255,255,0.1);text-shadow:2px 2px rgba(255,255,255,0.05); }
.ys_font p:nth-of-type(3):after{position: absolute; content:"";height: 2px; width: 10%; background: rgba(255,255,255,0.5); margin: auto;left: 0; right:0; bottom:-20px;}
.dian{ position: absolute; left: 0; right: 0; top:38%; margin: auto; width: 100%; text-align: center; transition: all 0.5s }

.ys-box2{ position: absolute;bottom: -0px; left:0;; transition: all 0.7s; border-radius: 5px;}
.ys-box2 img{ background: #ba0008; border-radius: 5px;}
.ys_font2{ position: absolute; text-align: center; top:0; }
.ys_font2 p:nth-of-type(1){  font-size: 24px;}
.ys_font2 p:nth-of-type(2){ position: relative; color: rgba(255,255,255,0.1);text-shadow:2px 2px rgba(255,255,255,0.05); }
.ys_font2 p:nth-of-type(2):after{position: absolute; content:"";height: 2px; width: 10%; background: rgba(255,255,255,0.5); margin: auto;left: 0; right:0; bottom:-20px;}
.ys_font2 .pro_desc{ font-size: 16px; width: 70%; text-align: center; margin: 0 auto; line-height: 30px;}
.ys_font2 a{ display: flex; background: #fff; height: 40px; line-height:40px; font-size: 16px;}
.ys-item-box:hover .ys-box2{ bottom:472px; }
.ys-item-box:hover  .ys-box1 div>img{ transform: scale(1.05)}
.ys-item-box:hover .ys_font  {top:100%;}
.ys-item-box:hover .ys_font p{ opacity: 0}
.ys-item-box:hover .dian{   transform: translateY(10px);
	-ms-transform:translateY(60px);
	-moz-transform:translateY(60px);
	-webkit-transform:translateY(60px);
	-o-transform:translateY(60px); opacity: 0; }
.ys-four-all{ position: relative;}
.ys-four-all>p:nth-of-type(1){ position:relative; position:absolute;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	left: -12%;
	top:30%;
	font-size: 12px;
    text-transform: uppercase; color: #666; }
.ys-four-all>p:nth-of-type(1):after{position: absolute; content: "";  right:-30%;  top:0;bottom:0%;margin:auto; height:2px; width: 70px; background: #be1126;}

.pro-all-center .pro-box{ background: #f5f5f5; padding: 20px; }
.pro-all-center .pro-box span{ display: block; overflow: hidden; }
.pro-all-center .pro-box span img{ transition: all 0.5s }
.pro-all-center .pro-box .pro-font{ padding-top: 20px; }
.pro-all-center .pro-box:hover span img{ transform: scale(1.1); }
.pro-all-center .pro-box .pro-font p:nth-of-type(1){ color: #ba0008; font-size: 20px; position: relative; }
.pro-all-center .pro-box .pro-font p:nth-of-type(1):after{ position: absolute; content: ""; height: 1px; background: #ba0008;
									 width: 5%;left: 0; bottom: -20%; transition: all 0.5s }
.pro-all-center .pro-box .pro-font ul li{ flex: 1; text-align: left; display: block; float: left;
							 color: #666; font-size: 16px;  width: 50%}
 
.pro-all-center .pro-box .pro-a >  a{ display: block; float: left;   font-size: 14px; width: 35%; }
.pro-all-center .pro-box  .pro-a > a span{ float: right; }
.pro-all-center .pro-box .pro-a{ padding: 5% 0;  display: flex; }
.pro-all-center .pro-box .pro-a > a{ background: #282828; color: #fff; padding: 1% 4% }
.pro-all-center .pro-box .pro-a > a:nth-of-type(1){background: #ba0008; margin-right: 4%; }
.pro-all-center .pro-box:hover .pro-font p:nth-of-type(1):after{ width: 10% }
 @media(max-width:768px) {
 	.pro-all-center { padding-bottom: 20px; }
    .pro-all-center .pro-box .pro-font ul li{ flex: 1; text-align: left; display: block;  
							 color: #666; font-size: 16px;  width: 100%}
							 .btn-n span i{ display: none; }
.index_title p:nth-of-type(1){ font-size: 18px; color: #303032}
  .index_title p:nth-of-type(2){ font-size: 16px; color: #999999; text-transform: uppercase; position:relative;}
	 .ys-item-box{ height:320px; width: 100%;  overflow: hidden;  }
	 .ys_font2 .pro_desc{ display: none}
	 .ys-item-box:hover .ys-box2{ bottom:320px; }
	 }


.pro-box-big .pro-box{ background: #f5f5f5; padding: 0 }
.pro-box-big .pro-box span{ display: block; overflow: hidden;}
.pro-box-big .pro-box span img{ transition: all 0.5s }
.pro-box-big .pro-box .pro-font{ padding: 20px; }
.pro-box-big .pro-box:hover span img{ transform: scale(1.1); }
.pro-box-big .pro-box .pro-font p:nth-of-type(1){ color: #ba0008; font-size: 20px; position: relative; }
.pro-box-big .pro-box .pro-font p:nth-of-type(1):after{ position: absolute; content: ""; height: 1px; background: #ba0008;
									 width: 5%;left: 0; bottom: -20%; transition: all 0.5s }
.pro-box-big .pro-box .pro-font ul li{ flex: 1; text-align: left; display: block; float: left;
							 color: #666; font-size: 16px;  width: 50%}
 
.pro-box-big .pro-box .pro-a >  a{ display: block; float: left;   font-size: 14px; width: 35%; }
.pro-box-big .pro-box .pro-a > a span{ float: right; }
.pro-box-big .pro-box .pro-a{ padding: 5%;  display: flex; }
.pro-box-big .pro-box .pro-a > a{ background: #282828; color: #fff; padding: 1% 4% }
.pro-box-big .pro-box .pro-a > a:nth-of-type(1){background: #ba0008; margin-right: 4%; }
.pro-box-big .pro-box:hover .pro-font p:nth-of-type(1):after{ width: 10% }

 @media(max-width:992px) {
 	.pro-box-big { padding-bottom: 20px; }
    .pro-box-big .pro-box .pro-font ul li{ flex: 1; text-align: left; display: block;  
							 color: #666; font-size: 16px;  width: 100%}
							 .btn-n span i{ display: none; }
    .index_title p:nth-of-type(1){ font-size: 18px; color: #303032}
    .index_title p:nth-of-type(2){ font-size: 12px; color: #303032; text-transform: uppercase; position:relative;}
 
}


@media(min-width: 992px) {

	.pro_hot_name_all div span { margin-left: 0.6rem; padding: 0.3rem 1.2rem; border-radius: 0.2rem; font-size: 14px; color: #fff }
}
.pro_hot_name_all div span:nth-of-type(1){ background: #a599d0; }
.pro_hot_name_all div span:nth-of-type(2){ background: #e77746; }
.pro_hot_name_all div span:nth-of-type(3){ background: #3cb3c3; }
.pro_hot_name_all div span:nth-of-type(4){ background: #89c997; }
.pro_hot_name_all p:nth-of-type(1){font-size: 18px; color: #333;}
.pro_hot_name_all p:nth-of-type(1) i{ background: url("../img/hg.png") no-repeat left center; width: 1.5rem}

@media(max-width: 991px){
	.pro_hot_name_all div span {  margin-left: 0.6rem;  padding: 0.3rem 0.4rem; border-radius: 0.2rem; font-size: 14px; color: #fff}

}

.current_list>span:nth-of-type(1){ position: relative; color: #ba0008; font-size: 22px;}
.current_list>span:nth-of-type(1):after{ position: absolute; content: ""; left: 0;top: 0; bottom: 0; margin: auto; width: 3px; height: 80%; background: #ba0008;}
/*案例*/
 .case-box{ background: #fff; color: #333333; position: relative;  transition: transform 0.5s}
 .case-box p{ font-size: 18px; color: #282828; line-height:60px; text-align: center; position: relative; transition: all 0.1s}
 .case-box:before{ position:absolute; content:""; left:0; top: 0; width: 100%; height:100%; background: #ba0008; transition: transform 0.5s; transform-origin: right center; transform: scaleX(0) }
 .case-box:hover:before{ transform: scaleX(1); transform-origin: left center; }

 .case-box span,.case_center .case-box p{ position: relative}
 .case-box:hover p{ color: #fff;}


	/*公司简介*/
.blue_bg{ background: #ba0008;}
.about-img{ border: 5px solid #fff;}
.about_box_all{ position: relative;}
.about_box_all:after{position: absolute; content: ""; background: url("../img/dian2.png") no-repeat right top; top:0; right:0%; width: 20%; height:90px; }
.about_box_all:before{position: absolute; content: ""; background: url("../img/dian2.png") no-repeat right top; bottom:0; left:0%; width: 20%; height:90px; }
.about_box_all>p:nth-of-type(1){ position:relative; position:absolute;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-moz-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	right: -12%;
	top:30%;
	font-size: 12px;
	text-transform: uppercase; color: #666; }
.about_box_all>p:nth-of-type(1):after{position: absolute; content: "";  right:-30%;  top:0;bottom:0%;margin:auto; height:2px; width: 70px; background: #be1126;}


.about-right-box{ position: relative;}
.about-right-box:after{ position:absolute; content: 'yingda'; text-transform: uppercase; color:rgba(255,255,255,0.02);
						bottom:-22%; left:0; right: 0; margin:auto;	font-size: 140px;  font-family: 'arial';
						z-index: 99; letter-spacing: 5px;}
.about-right-box p:nth-of-type(1){ font-size: 40px; text-transform: uppercase; color: rgba(255,255,255,0.5); position: relative}
.about-right-box p:nth-of-type(1):after{ position: absolute; content: "";left: 38%;top: 0; bottom:0; margin:auto; background: rgba(255,255,255,0.5); width: 15%; height: 1px;}
.about-right-box p:nth-of-type(2){ font-size: 24px; color: #fff;}
.desc-all{ color:rgba(255,255,255,0.5); font-size: 16px; line-height:35px; }
.about-right-box div.more-xiangqing{ line-height: 35px; font-size: 16px; color: #fff; width: 100%;position: relative; z-index: 9999}
.about-right-box div.more-xiangqing a{  color: #fff; display: block; width:60%; height: 35px;line-height: 35px;position: relative; }
.about-right-box div.more-xiangqing a i{ transition: transform 0.5s; display: block;position: relative; }
.about-right-box div.more-xiangqing a:hover i{ transform: rotate(270deg)}

div.more-xiangqing:before{ position:absolute; content:""; left:0; bottom: 0; width:55%; height:2px; background: #fff; transition: transform 0.5s; transform-origin: right center; transform: scaleX(0) }
div.more-xiangqing:hover:before{ transform: scaleX(1); transform-origin: left center; }


/*新闻*/


.double_all2  .news_time{  width: 100%; display: block; text-align: left;  }
.double_all2  .news_time p:nth-of-type(1){ font-size: 24px; color: #333333; margin: 0 }
.double_all2  .news_time p:nth-of-type(1) img{filter: brightness(0); opacity: 0.5;  transform: translateX(0px); transition: all 0.5s}
.double_all2  .news_box_slide:hover .news_time p:nth-of-type(1) img{ filter: brightness(1);	opacity: 1; transform: translateX(20px)}
.news_time p:nth-of-type(2){ font-size: 12px; color: #bfbfbf; transition: all 0.5s; transform: translateX(0px)}
.double_all2  .news_box_slide:hover .news_time p:nth-of-type(2){ font-size: 12px; color: #bfbfbf;  padding-right: 10px;}
.news-left-img-box:hover .news_time p:nth-of-type(2){ padding-right: 10px;}
.news-left-img-box:hover .news_time p:nth-of-type(1){ padding-left: 10px;}
.news-left-img-box .news_time p:nth-of-type(1){  transition: all 0.5s}


.double_all2 .news_box_slide .news_nr{ text-align: left; }
.double_all2 .news_box_slide .news_nr p:nth-of-type(1){ font-size: 16px; color: #333 }
.double_all2 .news_box_slide .news_nr .news_small_desc{ font-size: 14px; color: #999 }
.double_all2 .news_box_slide .news_nr p:nth-of-type(1) img{filter: brightness(0);	opacity: 0.5;}
.double_all2 .news_box_slide:after{ position: absolute; content: ""; width: 100%;height: 4px; background: #ba0008; left: 0; bottom: 0px; transition: transform 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.double_all2 .news_box_slide:hover:after{  transform-origin: left center; transform: scaleX(1);}



/*实力案例*/


.f_item{  flex: 1;  }
.f_item span{  display:inline-block; width: 15%; padding:2%; margin-left: 5%;margin-top: 10%; position: relative; z-index: 3; transition: all 0.5s }
.f_item span i{ position: relative; background: #fff; width: 48px; height: 48px; border: 1px solid #ececec;
					border-radius: 100%; display: inline-block;  align-items: center; display: flex; }
.f_item span i img{ max-width: 100%; transition: all 0.5s; position: absolute; left: 0;right: 0; top:0; bottom: 0; margin: auto;}
.f_item div:nth-of-type(1){ color: #666; mrgin-left:10%; box-sizing: border-box; position: relative; z-index: 3}
.f_item div:nth-of-type(1) p:nth-of-type(1){ font-size: 24px; color: #333333;   margin-bottom: 5px; transition: all 0.5s }
.f_item div:nth-of-type(1) p:nth-of-type(2){ font-size: 14px; color: #666666; height: 50px;line-height: 20px; margin-bottom: 0; transition: all 0.5s }
.f_item:hover  span i img{transform: rotate(360deg)}
.f_item:hover span i{ background:#ba0008; border: 1px solid #ba0008;    background-image: -webkit-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%);
	background-image: -ms-linear-gradient(-180deg, #1e3d73 0%, #2b5198 100%);
	box-shadow: 0px 10px 20px 0px rgba(31, 61, 115, 0.26);}
.hs_bg_80{ background-image: linear-gradient(to bottom, #f4f4f4 75%, #fff 0%);}
@media(max-width: 768px) {
	.index-four-ys{ width: 100%; display: flex; flex-wrap: wrap;}
	.f_item{  flex: 0 0 50%; max-width: 50%  }
	.f_item span{  display:inline-block; width: 25%; padding:2%; margin-right: 5%;margin-top: 10%; position: relative; z-index: 3 }
}
/*首页新闻*/
.news_all_bg{ width: 100%; background: #f4f4f4;}

.news_ad{  color: #fff; }
.news_ad p{ font-size: 18px; color: #fff; height: 60px; line-height:60px;background-image: linear-gradient(to right,#ba0008 85%, #c40e25 0);
	transition: all 0.5s; position: relative}

.news_ad p span{ position: relative; z-index: 999}
.news_ad p span:nth-of-type(2){    color: #fff; width: 15%;}

.news_ad p span i{ margin:15px 15px; display: inline-block; width: 27px; height:27px;  border-radius: 100%; position: relative; float: right; padding: 5px; transition: all 0.5s; }
.news_ad p span i:after{ position: absolute; content: ""; height: 1px; width: 13px; left: 0; right: 0; top: 2%; margin:auto; background: #fff;   transform: rotate(45deg) translateX(4px) translateY(7px);}
.news_ad p span i:before{ position: absolute; content: ""; height: 1px; width: 13px; left: 0; right: 0; bottom: 2%; margin:auto;background: #fff; transform: rotate(-45deg) translateX(4px) translateY(-7px);}
.news_ad p:after{ position:absolute; content:""; left:0; top: 0; width: 100%; height:100%; background: #c40e25; transition: transform 0.5s; transform-origin: right center; transform: scaleX(0) }
.news_ad:hover p:after{ transform: scaleX(1); transform-origin: left center  }
.news_ad:hover  p span i{ background: #fff;}
.news_ad:hover  p span i:before,.news_ad:hover  p span i:after{ background: #c40e25; }


.double_all{height: 300px;  }

.double_all .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:140px;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	transition: all 0.5s;
}


.double_all2 .news_box_slide{ width: 100%; height: 100%; }
.double_all2 .news_box_slide .news_time{   display: block; text-align: left;  }
.double_all2 .news_box_slide .news_time p:nth-of-type(1){ font-size: 24px; color: #333333;  }
.double_all2 .news_box_slide .news_time p:nth-of-type(2){ font-size: 12px; color: #bfbfbf;   }

.double_all2 .news_box_slide .news_nr{ text-align: left; }
.double_all2 .news_box_slide .news_nr p:nth-of-type(1){ font-size: 18px; color: #666 }
.double_all2 .news_box_slide .news_nr .news_small_desc{ font-size: 14px; color: #999 }

.double_all2 .news_box_slide:after{ position: absolute; content: ""; width: 100%;height: 4px; background: #ba0008; left: 0; bottom: 0px; transition: transform 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.double_all2 .news_box_slide:hover:after{  transform-origin: left center; transform: scaleX(1);}
.four_news{ background: #fff;}


.news-img-box{transition: all 0.5s}
.news-img-box p:nth-of-type(1){ font-size: 18px; color: #282828;}
.news-img-box .news-desc{ font-size: 14px; color: #666666;}
.news-right-box .news-item{ position: relative; transition: all 0.5s;}
.news-right-box a:not(:nth-last-of-type(1)) .news-item:before{ position: absolute; content: "";
	width: 100%; height: 1px;border-bottom: 1px solid #f6f7fc;  transition: all 0.5s; background: #f00;left: 0; bottom:0; }
.news-mess-box p:nth-of-type(1){
	color: #282828;
	position: relative;
;}

.news-mess-box p:nth-of-type(1):after{ position: absolute; content: ""; left: -5%; top:0; bottom: 0;margin: auto; background: #d50000; width: 5px; height:5px;}
.news-right-box{ border-bottom: 1px solid #f6f7fc;transition: all 0.5s}
.news-xs{ font-size: 14px; color: #666666;}
.news-time-box p:nth-of-type(1){ font-size: 18px; color: #9a9a9a;}
.news-item:hover{ background: #043894;color: #fff;transition: all 0.5s}
.news-item:hover .news-xs,.news-item:hover p{ color:#fff;}

.news-item:hover  p:nth-of-type(1):after{ background: #fff; transform: rotate(360deg)}
.news-item .news-time-box p:nth-last-of-type(1){ transition: all 0.5s}
.news-item:hover .news-time-box p:nth-last-of-type(1){ padding-right: 15%;}


.news_box_left{ margin: 20px; padding: 10px; border-bottom: 1px solid #e7e7e7; position: relative;   }
.news_box_left:after{ position: absolute;content: ""; background
: #043894; height: 2px; width:100%;  left: 0;bottom: -1px;

	transition: all 0.5s;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
.news_box_left:hover:after{-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
	-o-transform: scaleX(1); transform: scaleX(1);}


/*品牌与友情链接*/
.index_pinpai{ background: url(../img/index_pinpai_bj.jpg) no-repeat left top; background-size: cover; height: auto; overflow: hidden;}
.white-font{ color: #fff }
.index_title2{ text-align: center;}
.index_title2 p:nth-of-type(1){ font-size: 36px; color: #fff}
.index_title2 p:nth-of-type(2){ font-size: 14px; color: rgba(255,255,255,0.5); text-transform: uppercase; position:relative;}
.index_title2 p:nth-of-type(2):after{ position: absolute; content: "";left: 0; bottom: -150%; right: 0; margin:auto; 
							background: #fff; width: 6%; height: 3px; }

.pinpai_content{  font-size: 16px; color: #fff; padding:8% 10% 5%; line-height: 30px; }
.index_pinpai>a:nth-of-type(1){ display: block; margin: 0 auto; font-size: 16px; color: #fff; text-transform: uppercase; }
.index_pinpai>a:hover{ color: #ba0008; letter-spacing: 4px; }
.index_pinpai ul{ padding: 5% 0; display: flex; justify-content: space-between; width: 70%; margin: 0 auto; color: #fff}
.index_pinpai ul li{ flex: 1; color: #fff; text-align: center; font-size: 14px; transition: all 0.5s;}
.index_pinpai ul li i{ font-size: 50px; transition: all 0.5s; color: rgba(255,255,255,0.5);transition: all 0.5s}
.index_pinpai ul li p{color: rgba(255,255,255,0.5); transition: all 0.5s}
.index_pinpai ul li a:hover p,.index_pinpai ul li a:hover i{color: rgba(255,255,255,1);}
.index_pinpai ul li a{ display: block; width: 100%; height: 100%; transition: all 0.5s; background: rgba(255,255,255,0); }
.index_pinpai ul li a:hover{  background: rgba(255,255,255,0.5);  transform: scale(1.1);}







.index_links{ background: #ecf5fa; text-align: center; height: auto; overflow: hidden;}
.index_links ul{display: flex; flex-flow:row wrap; width: 80%; margin: 0 auto; justify-content: space-between; background: #fff;}
.index_links li{   background: #fff; padding: 3% 0; box-sizing: border-box; overflow: hidden; border-right:1px solid #eee;
				border-bottom:1px solid #eee; float: left}
.index_links li:nth-of-type(4n){ border-right: none }
.index_links li img{ transition: all 0.5s; }
.index_links li:hover img{ transform: scale(1.1); }
 @media(max-width:768px) {
  .index_links ul {flex-flow:row wrap;}
  .index_links li{  flex-basis:50%; }
   
  .index_links li:nth-of-type(2n){ border-right: none }

    .index_title2 p:nth-of-type(1) {
    font-size: 18px;
    color: #fff;
    }
    .pinpai_content {
    font-size: 14px;
    color: #fff;
    padding: 8% 10% 5%;
    line-height: 30px;
}
.index_pinpai ul{ padding: 5% 0; display: flex; justify-content: space-between; width:100%; margin: 0 auto; color: #fff}
.pinpai_content{  font-size: 12px; color: #fff; padding:8% 2% 5%; line-height: 30px; }
  
}




.btn1{   position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.btn1:hover{ color:#fff; border-color:#282828;}
.btn1 .bgsqr1{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg); 
			transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;
			border-right-color:transparent;border-bottom-color:transparent; border-left-color:#73061e;
			position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;}
.btn1 .bgsqr2{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);
				transform: rotate(360deg);border-style: solid;border-width: 0; 
				border-top-color:transparent;border-left-color:transparent;
				border-bottom-color:transparent;border-right-color:#282828; 
				position: absolute;top: 0; right: 0;-webkit-transition: all 0.6s; 
				transition: all 0.6s;}
.btn-n:hover .bgsqr1{ border-width:200px 0 0 200px;}
.btn-n:hover .bgsqr2{ border-width:0 200px 200px 0;}
.btn-n span{ position:relative; z-index:1; text-align: left; width: 100%;}
.btn-n span i{ padding: 0 0 0 10%; display: block; float: right; transition: all 0.5s}
.btn-n:hover i{ padding-left:5%; }
@media( max-width: 768px){.btn-n span i{ padding: 0 0 0 0%; display: block; float: right; transition: all 0.5s}
.btn-n:hover i{ padding-left:0%; }
}
.btn2{   position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.btn2:hover{ color:#fff;  }

.btn2 .bgsqr1{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg); 
			transform: rotate(360deg);border-style: solid;border-width: 0; border-top-color:transparent;
			border-right-color:transparent;border-bottom-color:transparent; border-left-color:#73061e;
			position: absolute;bottom: 0;left: 0; -webkit-transition: all 0.6s; transition: all 0.6s;}
.btn2 .bgsqr2{content: '';width: 0;height: 0;-webkit-transform: rotate(360deg);
				transform: rotate(360deg);border-style: solid;border-width: 0; 
				border-top-color:transparent;border-left-color:transparent;
				border-bottom-color:transparent;border-right-color:#ba0008; 
				position: absolute;top: 0; right: 0;-webkit-transition: all 0.6s; 
				transition: all 0.6s;}






/*新闻模块*/
.news-all-center{ padding-top: 1%; padding-bottom: 120px; }

.news-all-center .news-box{ background: #fff; padding: 15px; border-bottom: 1px solid #ededee; transition: all 0.5s}
.news-all-center .news-box:hover{-webkit-box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, .1); 
		-moz-box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, .1); box-shadow: -5px 5px 10px 2px rgba(0, 0, 0, .1); 
		-webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px);
		 -o-transform: translateY(-10px); transform: translateY(-10px);}
 
 
.news-all-center .news-box span{ display: block; overflow: hidden; }
.news-all-center .news-box span img{ transition: all 0.5s }
.news-all-center .news-box .news-font{ padding-top: 20px; }
.news-all-center .news-box:hover span img{ transform: scale(1.1); }
.news-all-center .news-box .news-font p:nth-of-type(1){ color: #ba0008; font-size: 22px; position: relative; }
.news-all-center .news-box .news-font p:nth-of-type(1):after{ position: absolute; content: ""; height: 1px; background: #ba0008;
									 width: 5%;left: 0; bottom: -20%; transition: all 0.5s }
.news-all-center .news-box .news-font div{ 
							 color: #666; font-size: 16px;  }
 .news-all-center .news-box   p:nth-last-of-type(1){ font-size:14px; color: #999 } 
 
.news-all-center .news-box:hover .news-font p:nth-of-type(1):after{ width: 10% }
 @media(max-width:768px) {
  .news-all-center .news-box .news-font ul li{ flex: 1; text-align: left; display: block;  
							 color: #666; font-size: 16px;  width: 100%}
  
}

/*快捷导航*/
 .b_nav_box{ width:98%; position: relative; overflow: hidden; }
 .b_nav_box:after{ position: absolute; content: ""; width:1px; height: 0px; left: 0; top: 0;
 				 right: 0; margin: auto; z-index: 9; background: #fff; transition: all 0.5s}
 .b_nav_box:hover:after{ height: 75px; }
 .b_nav_box span{ width: 100%; overflow: hidden; display: flex; height: 100%; }

 .b_nav_box span img{ transition: all 0.5s; width: 100%; height: 100%; object-fit: cover; }
 .b_nav_box:hover span img{ transform: scale(1.1);}
 .b_nav_box .b-g1{ background: rgba(43,55,69,0.9);  }


 .b_nav_box .b-g2{ background: rgba(153,30,50,0.9);  }
 .b-font{position: absolute;left: 0; top: 0;width: 100%; height: 100%;  padding-top: 8%; text-align: center; 
 				transition: all 0.5s; box-sizing: border-box;}
 .b-font p{ color: #fff; margin: 0 }
 .b-font p:nth-of-type(2){ font-size: 16px; color: #fff; transition: all 0.5s }
 .b-font p:nth-of-type(2) a{ color: #fff;  line-height: 30px; display: block; }
 .b_nav_box:hover .b-font{ padding-top: 105px;}
 .b_nav_box:hover p:nth-of-type(2) a{ padding-top: 10px; }  

@media(max-width: 768px){  
	.b_nav_box .b-font{ padding-top: 5%;} 
	.b_nav_box:hover:after{ height: 10%; }

	.b_nav_box:hover .b-font{  padding-top: 8% }
	.b-font p{ margin: 0 }
	.b-font p:nth-of-type(2){ font-size: 16px; color: #fff; transition: all 0.5s }
    .b_nav_box:hover p:nth-of-type(2) a{ }
 
}
/*end*/
#end{ background: #232323; border-top: 1px #dddee0 solid; display: flex;}
.end_logo_contact{ color: #fff; font-size: 14px;}
.end_logo_contact ul li{ line-height: 30px; position: relative }
.end_logo_contact ul li:nth-of-type(1) a{font-size: 18px; color: #fff; }
.end_logo_contact ul li:nth-of-type(1):after{ position: absolute; content: ""; background: rgba(255,255,255,0.2);
	bottom: -15px;left: 0; height: 1px; transition: all 0.5s; width: 40% }
.end_logo_contact ul li:nth-of-type(1):hover:after{ width:60%; }

.end_logo_contact ul li:nth-of-type(2){ margin-top: 25px; }


.end_logo_contact ul li{   font-size: 14px; color: rgba(255,255,255,0.5)}

.end_left_box{ background: #2a2a2a;position: relative}
.end_left_box:after{  z-index: 0; position: absolute; content: "";left: -100%; width: 200%;display: block; height: 100%; background:#2a2a2a; top: 0; }
.end_left_box:before{ position: absolute; content: "";left: -100%; width: 200%;display: block; height: 20px; background:#bd0005; top: -20px; z-index: 0;}

.end_nav,.end_copy{position: relative; z-index: 99}

.end-menu-item{ position: relative}
.end-menu-item:after{ position: absolute; content: "";width: 1px; height: 100%; background: #363636;left: 35px; top: 0;}
.end-menu-item p{ font-size: 14px; color: #666}
.end-menu-item a{ font-size: 14px; color: #666; position: relative}
.end-menu-item a:after{ position: absolute; content: "";left: 0; bottom: 0; height: 4px; background:rgba(19,155,155,0.5); width: 100%;transform: scaleX(0); transform-origin: right center; transition: transform 0.5s}
.end-menu-item a:hover:after{transform: scaleX(1); transform-origin: left center;}

.end-menu-item a:hover{ color: #fff;}
.end-menu-item div{  color: #fff;}
.end-menu-item div span:nth-of-type(1){position: relative; z-index: 99;  width: 40px; height: 40px; border-radius: 100%; background:#363636 }
.end-menu-item div span:nth-of-type(2){ font-size: 16px;}


.end-menu-item:nth-of-type(2){ width: 30%}
.end-sub-nav-sub div{ flex:0 0  auto; width: 50%; font-size: 14px; line-height: 35px; }
.end-sub-nav-sub div a{ color: #666; font-size: 14px;}
.end_nav ul li:nth-of-type(1){ position: relative;   }
.end_nav{  justify-content: space-between;   }
.end_nav ul{   float: left;}
.end_nav ul li a{   font-size: 14px; color: rgba(255,255,255,0.5)}
.end_nav ul li{ line-height: 30px; position: relative;}
.end_nav ul li:nth-of-type(n+2):after{position: absolute; content: ""; background: #ba0008; width: 40%;
									  bottom: 0px;left: 0; height: 2px;  transition: all .5s; opacity: 0.7;
	                                  transform: scale(0); transform-origin: left bottom;}
.end_nav ul li:nth-of-type(n+2):hover:after{transform: scale(1); transform-origin: right bottom;opacity: 1; }

.end_nav ul li:nth-of-type(1){ position: relative;   } 
.end_nav ul li:nth-of-type(2){ margin-top: 25px; }
.end_nav ul li:nth-of-type(1) a{font-size: 18px; color: #fff; }
.end_nav ul li:hover a{ color:#fff  }
.end_nav ul li:nth-of-type(1):after{ position: absolute; content: ""; background: rgba(255,255,255,0.2); width:60%;
								bottom: -15px;left: 0; height: 1px; transition: all 0.5s }
.end_nav ul li:nth-of-type(1):hover:after{ width:40%; }
.end_scan{ display: flex; flex-flow: column;justify-content: space-between; }
.end_scan>p:nth-of-type(1){ color: rgba(255,255,255,0.5); font-size: 16px;}
.end_scan>p:nth-of-type(2){ font-size: 28px; color: #fff; font-family: Arial}
.end_scan div:nth-of-type(2){ flex: 1; padding: 2px; font-size: 14px; text-align: center;  color: #fff}
.scan_1 p {   font-size: 14px;    color: rgba(255,255,255,1); opacity: 0.5}
.end_copy{ border-top: 1px rgba(255,255,255,0.1) solid;  color: rgba(255,255,255,0.3); font-size: 14px; }
.end_copy a{  color: rgba(255,255,255,0.3);}
.end_copy a:hover{ color:rgba(255,255,255,0.5);}



/*当前定位*/
.current_lm{ position: relative;   height: 70px; line-height: 70px; width: 100%; font-size: 14px; padding-left: 10px; }
.current_lm:after{ position: absolute;content: "";   width: 3px; height: 20px; background:#ba0008; left: 0; top: 0;bottom: 0; margin: auto;}
.current_lm a{ padding:0 5px;  display: inline-block;}
.current_lm a:hover{ color: #ba0008; }
.left_list .left_slide{ background:#f7f7f7;  border-bottom:5px solid #ececeb;}
.left_title{  background: #c60012; color: #fff; height: 65px; line-height: 65px; position: relative; text-align: center;}
.left_title p:nth-of-type(1){ line-height: 65px; font-size: 27px; color: #fff; font-weight: bold;  }
.left_title p:nth-of-type(2){ font-family: 'impact'; color: rgba(255,255,255,0.3); position: absolute; 
	left: 0;top: 0;bottom: 0;right: 0; margin: auto; font-size: 30px; text-transform: uppercase; }
.list_name{ padding:15px 30px; }
.list_name li{ height: 45px; line-height: 45px; border-bottom: 1px dashed #dfdfdf; font-size: 16px; 
					padding-left: 40px; box-sizing: border-box;  transition: all 0.5s; }
.list_name li:hover{  background: #c60012; border-bottom: 1px dashed #c60012;}
.list_name li a{ color: #666; display: block; }
.list_name li a:hover{  color: #fff}
.left_contact{ font-size: 14px; color: #666; padding:20px; }
 /*产品中心*/
.right_img img{ max-width: 100% }
.pro_right_font>p:nth-of-type(1){ color: #333; font-size: 24px; position: relative;border-bottom: 1px solid #efefef }
.pro_right_font>p:nth-of-type(1):after{ position: absolute; content: ""; display: block; left: 0; bottom:0; height: 2px; background: #ba0008;  width:12%;}
.pro_right_font .pro_des_key{ background: #f7f7f7; font-size: 16px; line-height: 28px; color: #999;}
.pro_right_font .pro_des_key strong{ color: #282828; }
 
.pro_des_key div:nth-of-type(1){ border-bottom: 1px dashed #999999 }
.pro_tel a{ font-size: 16px; display: block; height: 40px; line-height: 40px; color: #fff; background: #c60012; float: left; }
.pro_tel div{ font-size: 16px; float: left; line-height: 40px; height: 40px; }
.pro_tel div span{ color: #c60012; font-family: 'arial'; font-size: 24px; font-weight: bold; }
.pro_tel div i{ background: url(../img/pro_tel.png) no-repeat left center; display:inline-block; float: left; width: 30px; height: 40px;  }

@media(max-width: 768px){
	.pro_right_font>p:nth-of-type(1){ font-size: 16px; }
	.pro_tel div{ font-size: 16px; }
	.chat_btn{ width: 70%; background: #ba0008; border-radius: 0.2rem; font-size: 16px; color: #fff; padding: 1rem 3rem; }
}
.pro_datil_fw{ font-size: 14px;color: #999}
.chat_btn{ background: #ba0008; border-radius: 0.2rem; font-size: 16px; color: #fff; padding: 1rem 3rem; text-align: center; }
.chat_btn a{ color: #fff;display: flex; align-items: center; text-align: center;  }
.chat_btn a i{ display:inline-block; background: url("../img/chat.png") no-repeat center center; padding: 1rem}
 .three_box{ font-size: 14px; color: #666;  }
 .three_box .three_item{ position: relative;flex: 1; text-align: center;}
 .three_box .three_item:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; width: 1px;
	background: #dddddd; right:0%; top: 0; bottom:0; margin: auto; height: 50%}


@media(max-width: 768px){
	.chat_btn{ background: #ba0008; border-radius: 0.2rem; font-size: 16px; color: #fff; padding: 1rem 3rem; text-align: center;
	 width: 60%;}
	.chat_btn a{ width: 100%;  }
}

 
.index-title p:nth-of-type(1){font-size: 28px;color: #333;}
.index-title p:nth-of-type(1) b{ color: #bd0005; font-weight: inherit}
.index-title p:nth-of-type(1) span{ position: relative}
.index-title p:nth-of-type(1) span:after{ position: absolute; content: "";border: 1px solid #adadad;
	width: 110%; height: 120%; display: block;left: -5%; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1}
.index-title p:nth-of-type(2) span{  position: relative; z-index: 9}
.index-title  p:nth-of-type(2).xin span{ background: #323232!important; position: relative; z-index: 9}




.index-title p:nth-of-type(2){font-size:14px;color: #bfbfbf; text-transform: uppercase}
.index-title p:nth-of-type(3){font-size:14px;color: #666666; }
@media(max-width: 768px){
 .index-title p:nth-of-type(1){ font-size: 28px;   color: #333;}
 .index-title p:nth-of-type(2){font-size: 16px; font-weight: 100 }

}
@media(max-width: 991.98px){
	.index-title p:nth-of-type(1) span:after{ position: absolute; content: "";border: 0px solid #adadad;
		width: 110%; height: 120%; display: block;left: -5%; right: 0; top: 0; bottom: 0; margin: auto; z-index: 1}
	.index-title p:nth-of-type(1){font-size: 20px;color: #333;}
	.index-title p:nth-of-type(3){font-size:14px;color: #666666; display: none; }
}

.index-title2 p:nth-of-type(1){font-size: 30px;color: #333; font-weight: bold}
.index-title2 p:nth-of-type(1) b{font-size: 30px;color: #bd0005; font-weight: bold}
.index-title2 div:nth-of-type(1){  font-size: 16px; color: #666;}

/*新闻栏目*/
.index-news-four-box{ background: #fff; }
.index-news-four-box:hover{ background: url("../img/index-news-cz.png") no-repeat right bottom #fff;}
.news-img22{ width: 30%}
.news2-font-box{ width: 55%; position: relative; transition: all 0.5s}
.news2-font-box:after{ position: absolute; content: ""; width: 15%; height: 1px; background: #dadada;left: -20%;top: 0;bottom: 0; margin: auto; transition: all 0.5s}
.index-news-four-box:hover .news2-font-box:after{  width: 0%;;left: -10%;}
.index-news-four-box:hover .news2-font-box{ width: 55%; margin-right: 5%;}
.news2-font-box p:nth-of-type(1){ font-size: 18px; color: #333333; font-weight: bold}
.news2-font-box div:nth-of-type(1){ font-size: 14px; color: #999999; line-height: 1.8;}
.index-news-four-box img{ transition: all 0.5s; }
.index-news-four-box:hover img{ transform: scale(1.05) rotate(2deg)}




/*案例*/



/*服务流程*/
.index-fuwu{ background: url("../img/index_lc.jpg") no-repeat center top;}
.liucheng-item i{ position: relative}
.liucheng-item i:after{ position: absolute; content: ""; width: 25px; height: 25px; background: #f2cccd; left: 54%; top: 54%;}
.liucheng-item i  svg{ position: relative; z-index: 999}
.liucheng-font p:nth-of-type(1){ font-size: 16px; color: #333; font-weight: bold; border-bottom: 1px solid #eaeaea}
.liucheng-font div:nth-of-type(1){ font-size: 16px; color: #666666; }


/*公司简介*/
.about-box-index{ background: #f9f9f9;}
.about-img-left{ width: 60%;}
.about-font-right{ width: 40%;}
.about-desc{ line-height: 3.5; color: #666; font-size: 14px;}
.more-btn{ width: 125px; height: 35px; border-radius: 18px; background: #bd0005; font-size: 14px; color: #fff; display: block; text-align: center; position: relative}
.more-btn span{ display: block; width: 100%; text-transform: uppercase; position: relative; z-index: 999}
.more-btn:hover{ color: #fff;}
.more-btn:after{ position: absolute; content: ""; width: 0%; background: #92060a; height: 100%; left: 0; top: 0;bottom: 0;right: 0; margin: auto; transition: all 0.5s; border-radius: 18px;}
.more-btn:hover:after{ width: 100%;}

.aboutf-item{ transition: all 0.5s}
.aboutf-item p:nth-of-type(2){ color: #666; font-size: 16px; transition: all 0.5s}
.aboutf-item:hover {  background: #bd0005; border-radius: 1rem}
.aboutf-item:hover p{ color: #fff;}
.aboutf-item:hover svg{ fill: #fff}
@media(max-width: 1199.98px){
	.about-img-left{ width: 100%;}
	.about-font-right{ width: 100%;}
}





/*首页产品列表*/
.pro-list-item{border: 1px solid #e7e7e7; background: #f4f4f4 url("../img/list_logo.png") no-repeat  90% 90%; transition: all 0.5s}
.pro-list-item p:nth-of-type(1){ font-size: 12px; color: #999999; text-transform: uppercase; }

.pro-list-item p:nth-of-type(2){ font-size: 16px; color: #333;position: relative }
.pro-list-item p:nth-of-type(2):after{ position: absolute; content: '';background: #bd0005; width: 15%; height: 2px;left: 0; top: -10%; transition: all 0.5s}

.pro-list-item:hover{ border: 1px solid #bd0005; background: #bd0005 url("../img/list_logo2.png") no-repeat  90% 90%;}
.pro-list-item:hover p:nth-of-type(2):after{ width: 100%; background: #fff; height:1px;}
.pro-list-item:hover p:nth-of-type(1){ color: #fff}
.pro-list-item:hover p:nth-of-type(2){ color: #fff}


.index-ys-box{ background: url("../img/index_ys_bj.jpg") no-repeat center top;  background-size: cover}
.ys-img2{ right:2%; top: 5%;}

.ys-font{ position: relative}
.ys-font:after{ position: absolute; content: ""; background: #bd0005; width: 8%; height: 2px; top: 10%; left: 0; right: 0; margin: auto;}
@media(max-width: 991.98px){
	.ys-font:after{ position: absolute; content: ""; background: #bd0005; width: 8%; height: 2px; top: 0%; left: 0; right: 0; margin: auto;}
}

.ys-font p:nth-of-type(1){ font-size: 18px; color: #333; font-weight: bold}
.ys-font div:nth-of-type(1){ font-size: 14px; color: #999999; }

.ys-font2{position: relative}
.ys-font2:after{ position: absolute; content: ""; background: #bd0005; width: 8%; height: 2px; top: 0%; left: 0; }
.ys-font2 p:nth-of-type(1){  font-size: 18px; color: #333; font-weight: bold}
.ys-font2 div:nth-of-type(1){ font-size: 14px; color: #999999; }


















.pro-all p{ line-height: 40px; font-size: 16px; padding-top: 10px; position: relative; transition: all 0.5s}
/*.pro-all span{ display: block; overflow: hidden; position: relative;}
.pro-all span:after{ transition: all 0.5s; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 0%; background: rgba(0,0,0,0.5); }*/
.pro-all a img{ transition: all 0.5s }
.pro-all a{ position: relative; width: 100%; display: block; overflow: hidden; height: auto;}
.pro-all a i:nth-of-type(1){ 
	z-index: 1; transition: all 0.5s; position: absolute; background: #a6c14c;
	width: 100px; height: 100px; display: block;  border-radius: 100px;left:-150px; top: -150px;
}
.pro-all a:hover i:nth-of-type(1){ 
	left:-50px;
	top:-50px;
  
}
.pro-all a i:nth-of-type(2){ 
	z-index: 1; transition: all 0.5s; position: absolute; background: rgba(26,178,122,0.3); 
	width: 150px; height: 150px; display: block;  border-radius: 150px;left:-150px; top: -150px;
}
.pro-all a:hover i:nth-of-type(2){ 
	left:-20px;
	top:20px;
  
} 
.pro-all a:hover img{ transform: scale(1.5); }
.pro-all a:hover span:after{ height: 100%; }
.pro-all a p:after{ position: absolute; transition: all 0.5s; content:""; 
left: 0; bottom: 0; height: 1px; background: #a6c14c; width: 0}
.pro-all a:hover p:after{ width: 100% }
.pro-all a:hover p{ letter-spacing: 5px; padding-left: 10px; }
a.more-all-zj{line-height: 50px; border:1px #e2e2e2 solid; border-bottom: 3px #1ab27a solid;
 color: #4b4b4b; font-size: 14px;  transition: all 0.5s}
a.more-all-zj:hover{letter-spacing: 10px;}




 
               .news_img_right .news_box_slide{ width: 100%; 
               				 height: auto; overflow: hidden; transition: all 0.5s}
                .news_box_slide a{
               		 	 padding:1.5% 0;
               				 display: flex; 
               				 width: 100%; 
               				 height: 100%; 
               				 position: relative;border-bottom: 1px solid #ebebeb;
               				
               				}



                 .news_box_slide a:after{ position: absolute; content: "";  height: 1px; width: 100%; 
                 		background: #c60012; transform-origin: left bottom; 
	                    transform: scale(0); transition: all 0.5s;left:0; bottom: 0;
	                    
	                		}
                



                .news_box_slide a:hover:after{ transform: scale(1); width: 100%; transform-origin: right bottom;}
                .news_box_slide a:hover .index_time p,.news_box_slide a:hover .index_news_nr p:nth-of-type(1){ color: #c60012; }
                .index_time{ width: 20%; text-align: center; }
                .index_time p:nth-of-type(1){ font-size: 42px; color: #494949 }
                .index_time p:nth-of-type(2){ font-size: 14px; color: #9a9a98 }
                .index_news_nr{ width:80%; padding: 0 5% 0 0; box-sizing: border-box; transition: all 0.5s; }
                .index_news_nr p:nth-of-type(1){ color: #333333; font-size: 18px; transition: all 0.5s; line-height: 40px;}
                .index_news_nr div:nth-of-type(1){ color: #999999; font-size: 18px; line-height: 25px; padding-bottom: 2%; }
                .index_news_nr p:nth-last-of-type(1){ font-size: 18px; color: #999; line-height: 30px; }
                .index_news_nr p:nth-last-of-type(1) i{ font-size: 26px; margin-right: 5px; transition: all 0.5s }
                .news_box_slide a:hover i{ color: #d20005 }
                @media(max-width: 768px){

						  	.index_news_nr p:nth-of-type(1) {
						    color: #333333;
						    font-size: 15px;
						    transition: all 0.5s;}
						    .index_news_nr div:nth-of-type(1){ font-size: 12px; }
                }

/*广告*/

 /*产品中心*/

.pro-all p{ line-height: 40px; font-size: 16px; padding-top: 10px; position: relative; transition: all 0.5s}
/*.pro-all span{ display: block; overflow: hidden; position: relative;}
.pro-all span:after{ transition: all 0.5s; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 0%; background: rgba(0,0,0,0.5); }*/
.pro-all a img{ transition: all 0.5s }
.pro-all a{ position: relative; width: 100%; display: block; overflow: hidden; height: auto;}
.pro-all a i:nth-of-type(1){ 
	z-index: 1; transition: all 0.5s; position: absolute; background: #a6c14c;
	width: 100px; height: 100px; display: block;  border-radius: 100px;left:-150px; top: -150px;
}
.pro-all a:hover i:nth-of-type(1){ 
	left:-50px;
	top:-50px;
  
}
.pro-all a i:nth-of-type(2){ 
	z-index: 1; transition: all 0.5s; position: absolute; background: rgba(26,178,122,0.3); 
	width: 150px; height: 150px; display: block;  border-radius: 150px;left:-150px; top: -150px;
}
.pro-all a:hover i:nth-of-type(2){ 
	left:-20px;
	top:20px;
  
} 
.pro-all a:hover img{ transform: scale(1.5); }
.pro-all a:hover span:after{ height: 100%; }
.pro-all a p:after{ position: absolute; transition: all 0.5s; content:""; 
left: 0; bottom: 0; height: 1px; background: #a6c14c; width: 0}
.pro-all a:hover p:after{ width: 100% }
.pro-all a:hover p{ letter-spacing: 5px; padding-left: 10px; }
a.more-all-zj{line-height: 50px; border:1px #e2e2e2 solid; border-bottom: 3px #1ab27a solid;
 color: #4b4b4b; font-size: 14px;  transition: all 0.5s}
a.more-all-zj:hover{letter-spacing: 10px;}


/*公司简介*/
.index-about-all{ background: url(../img/about-bj.jpg) no-repeat center top; min-height: 665px; }
.about-content-right{ background: #1ab27a; color: #fff }
.about-content-right .about-font-title{ font-size: 24px; }
.about-content{ font-size: 14px; line-height: 30px; }
.about-more{ border:1px solid #91dabf; font-size: 14px; color: #fff; transition: all 0.5s}
.about-more:hover{ padding:0 20px; }
.about-img img{ height: auto; }
@media(min-width: 992px){
.about-img img{ min-height: 433px }

}




.about_left>p:nth-of-type(1){ font-size: 30px; font-weight: bold; color: #ba0008; text-transform: uppercase;}
.about_left>p:nth-of-type(2){ color: #303032; font-size: 24px; letter-spacing: 7px; font-weight: 100; position: relative; padding-bottom: 20px; }
.about_left>p:nth-of-type(2):after{ position:absolute; content: ""; bottom: 0px; height: 2px; background: #ba0008; width: 10%;left: 0}
.about_nr{ 
   color: #666666; 
   font-size: 14px; 
   line-height: 25px;
   height: 700px;
   overflow: auto;
   padding-right: 10px;
  }

.test {
	width   : 100%;
	line-height: 30px;
	height  : 610px;
	overflow: auto;
	float   : left;

	border  : none;
}
.scrollbar {
	width : 95%;
	height: 100px;
	margin: 0 auto;
	font-size: 16px;
	color: #666;
}
.test-1::-webkit-scrollbar {
	/*滚动条整体样式*/
	width : 5px;  /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.test-1::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/

	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
	background   : #d40000;
}
.test-1::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);

	background   : #dbdbdb;
}

@media(max-width: 768px){
	.about_left>p:nth-of-type(1){ font-size: 22px; font-weight: bold; color: #ba0008; text-transform: uppercase;}
.about_left>p:nth-of-type(2){ color: #303032; font-size: 18px; letter-spacing: 7px; font-weight: 100; position: relative; padding-bottom: 20px; }

}

.about_right .img img{ max-width: 100% }
.about_right .img{ position: relative; text-align: center; padding: 0 10px;}
.about_right .img:before{position: absolute; content: ""; background: #e6e6e6;left:-10px;bottom: -10px; width: 60%; height: 60%; z-index: -1 }
.about_right .img:after{position: absolute; content: ""; background: #ba0008;right:-10px;bottom: -20px; width: 60%; height:70%; z-index: -1 }

.num_box{ width: 100%; }
.num_silde{ width: 49%; float: left; text-align: center; transition: all 0.5s }
.num_silde:nth-of-type(3){ clear: both;  float: left; }
.num_silde div{ display: block; width: 100%; position: relative;}
.num_silde div span:nth-of-type(1){ text-align: center; color: #ba0008;  font-size: 65px; font-family: 'Bahnschrift'; 
						 text-shadow: 0px 0px 10px rgba(203,6,50,0.2); transition: all 0.5s}

.num_silde div span:nth-of-type(2){ position: absolute; top: 35%;left:58%; z-index: -1; transition: all 0.5s}
.num_silde:nth-of-type(4) div span:nth-of-type(2){ position: absolute; top: 35%;left:66%; z-index: -1;transition: all 0.5s}

@media(min-width: 992px){
.num_box{ width: 100%; display: flex; justify-content: space-between; }
.num_silde{ flex: 1; font-size: 18px; color: #666; text-align: center; position: relative;}
.num_silde:after{position: absolute; content: ""; width: 1px; height: 50%; background: #e7e7e7; right: 0; top: 0;bottom: 0; 
							margin: auto; transition: all 0.5s}
.num_silde:nth-last-of-type(1):after{ width: 0 }
.num_silde:hover:after{ height: 30%; }
.num_silde:hover div span:nth-of-type(2){  transform: rotate(360deg); opacity: 0.7}
.num_silde div span:nth-of-type(1){ text-align: left; }

.num_silde:before{ position: absolute; content: "";left: 0; right: 0; margin: auto; bottom: 5%; width: 0%; height: 1px; background: #e7e7e7; transition: all 0.5s }
.num_silde:hover:before{ width: 50% }



}

.hs_color{ background: #f8f8f8; }
.culture_img img{ max-width: 100%; }
.culture_font p{ padding-left: 10% }
.culture_font p:nth-of-type(2n+1){ font-size:18px; }
.culture_font p:nth-of-type(2n){ font-size: 18px;  margin-bottom:35px; }

.fc_box .fc_slide{ width: 48%; float: left; overflow: hidden; }
.fc_box .fc_slide:nth-of-type(2n){ float: right; }
.big_img{ overflow: hidden; display: block;  height: 100%; width: 100%;}
.big_img img{width: 100%; height: 100%; object-fit: cover;}

.fencai_box img{ transition: all 0.5s }
.fencai_box img:hover{ filter: brightness(130%); transform: scale(1.05); }




.sub-about-content { background: url(../img/about-bj-zj.jpg) no-repeat center top; background-size: cover;}
.about-title{ width: 100%; text-transform: uppercase; font-size: 90px; letter-spacing: 1.5rem; font-weight:100; text-align: center; color: #cacaca }
.about-name p.title-all{ font-size: 30px; color: #1ab27a; position: relative; }
.about-name p.title-all:before{ content: ""; position: absolute; width: 63px; height: 2px; background: #878787; top: 0;left:0; }
.zm-fu{ font-size: 180px; color: #acacac; font-style: arial;  text-transform: uppercase;}
.about-content-top{ color: #3b3b3b; font-size: 18px; }
.about-name-right p.title-all{ font-size: 30px; color: #1ab27a; position: relative; }
.about-name-right p.title-all:before{content: ""; position: absolute; 
width: 63px; height: 2px;top:0; right: 0; background: #878787; }
.font-content-message{ line-height: 30px; color: #7d7d7d; font-size: 18px; }
 .name-zj{   text-align: right;}
@media(max-width: 768px){
    .sub-about-content { background: url(../img/m-about-bj-zj.jpg) no-repeat right top; }
    .about-title{ 
        width: 100%; text-transform: uppercase; font-size: 30px;
     letter-spacing: 0.1rem; font-weight:100; text-align: center; color: #cacaca }
     .font-content{ font-size: 16px; }
     .name-zj{ font-size: 16px; text-align: left;}
}



.honor-box{ padding: 10px; background: #fff; transition: all 0.5s; border: 1px solid #f2f2f2; display: block; width: 100%}
.honor-box span{ display: block; overflow: hidden; margin-bottom: 10px; }
.honor-box span img{ transition: all 0.5s }
.honor-box:hover span img{ transform: scale(1.05); filter: brightness(120%); }
.honor-box p{ text-align: center; font-size: 16px; line-height: 30px; }
.honor-box:hover{ background: #b60d33;  color: #fff;border: 1px solid #f2f2f2 }



/*发展历程*/
.history_all2{  height: auto; width: 100%;}
.history_box{ width:100%; position: relative;  height: 500px; }
.history_box:after{ position: absolute; content: ""; width: 1px; height: 16px; background: #ba0008;left: 0; right: 0; margin: auto; }
.history_box:before{ position: absolute; content: ""; width:1px; height: 16px; background: #ba0008;left: 0; right: 0; margin: auto; }
.time_1{ position: absolute; top: 0%;bottom: 0; margin: auto; font-family: 'Bahnschrift'; 
			font-size: 30px; text-align: center;   height: 85px; 
			line-height: 85px; z-index: 99; padding-left:45%; text-align: center;
			  }
.time_1 span{ display: block; color: #b60d33;}
.history_nr p:nth-of-type(1){ font-size: 18px; color:#333; font-weight: bold; }
.history_nr div:nth-of-type(1){ color: #7d7d7d; font-size: 14px; text-align: center; }
/*.history_box:hover{ }*/
.history_all2 .swiper-slide:nth-of-type(2n+1) .history_nr{ position: absolute; left: 0; right: 0; margin: auto; text-align: center; }
.history_all2 .swiper-slide:nth-of-type(2n) .history_nr{ position: absolute; left: 0; right: 0; margin: auto ;text-align: center; }

.swiper-slide:nth-of-type(2n) .history_box:after{ top: 30%; }
.swiper-slide:nth-of-type(2n) .history_box:before{ top: 34%; }
.swiper-slide:nth-of-type(2n+1) .history_box:after{ top: 62%; }
.swiper-slide:nth-of-type(2n+1) .history_box:before{ top: 66%; }
.history_box>p:nth-last-of-type(1){ width: 336px;  position: absolute;top: 38%;left: 0;right: 0; margin: auto; z-index: -1; transition: all 0.5s}
.history_box:hover>p:nth-last-of-type(1) img{ opacity: 0; max-width: 100% }
.history_box>p:nth-last-of-type(2){ width: 336px; position: absolute; top: 38%;left:-10px;  margin: auto; opacity: 0; transition: all 0.5s; 
				z-index: 2}
.history_box:hover>p:nth-last-of-type(2){ opacity: 1}
 .history_box:hover .time_1 span{ color: #fff }


 @media(max-width: 768px){
 	.history_box{ width:100%; position: relative; height: 220px; margin-bottom: 10px}
 	.history_all2 .swiper-slide:nth-of-type(2n+1) .history_nr{ position: absolute; top: 15%;left: 0; right: 0; margin: auto; text-align: center; }
	.history_all2 .swiper-slide:nth-of-type(2n) .history_nr{ position: absolute; top: 15%;left: 0; right: 0; margin: auto ;text-align: center; }
	.swiper-slide:nth-of-type(2n) .history_box:after{ top: 0%; }
    .swiper-slide:nth-of-type(2n) .history_box:before{ top: 0%; }
    .swiper-slide:nth-of-type(2n+1) .history_box:after{ top: 0%; }
    .swiper-slide:nth-of-type(2n+1) .history_box:before{ top: 0%; }
 	.history_all2 .swiper-slide{ border:rgba(0,0,0,0.1) 1px solid; }
 	 
 	.history_box>p:nth-last-of-type(1),.history_box>p:nth-last-of-type(2){ display: none } 
 	.history_box .time_1 span{ color:#b60d33; }
 	.history_box:hover .time_1 span{color:#b60d33;}

 	.time_1{ position: absolute;   margin: auto; font-family: 'Bahnschrift'; 
			font-size: 30px; text-align: center;z-index: 99; padding-left:35%; 
			text-align: center; top:80%;
			}

 
 }
/*新闻信息*/
.new-all-tg-demo{ background: #f2f2f6 }
.new-all-tg-demo p:nth-of-type(1){ font-size: 16px; color: #878787;margin-bottom: 0; line-height: 35px;}
.new-all-tg-demo p:nth-of-type(2){ font-size: 14px; color: #3c3c3c ; margin-bottom: 0; line-height: 35px;}
.img-font-content{ font-size: 14px; color: #878787 }
a.more-all-news{ background: #1ab27a; color: #fff; font-size: 16px; border-radius: 5px;}
a.more-all-news:hover{ background: #94cd0f; width: 100%; }


.news-li{ border-bottom: 1px #e5e5e5 solid; transition: all 0.5s;}
.news-li:nth-last-of-type(1){border-bottom:0px solid #e5e5e5; }
.news-title-font{ padding-left: 20px; font-size: 14px; color:#3c3c3c; position: relative;}
.news-title-font:after{content:" "; position: absolute; left:0;top:5px;
 width: 10px; height: 10px; background: #666; border-radius: 10px;}
.news-title-font  span{ display: block; float: right; font-size: 14px; }
.news-content-demo{ position: relative; color: #878787; font-size: 14px; width: 90%;  }

.news-li:hover{
	-webkit-transform: translateY(-10px); 
	-moz-transform: translateY(-10px); 
	-ms-transform: translateY(-10px); 
	-o-transform: translateY(-10px); 
	transform: translateY(-10px); 
	-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); 
	-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); 
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3);
 }


.news-li-all{  transition: all 0.5s;}
 
.news-content-demo:after{ font-size: 20px; font-weight: 100; content:"+"; 
position: absolute;
right: -10%; padding-left: 20px; 
text-align: center; bottom:15%; color: #878787; height: 25px; line-height: 15px width:15px; border-left:1px solid #e5e5e5; }






 

.pro-news_m dd h4 a{font-size:18px;color: #333;font-weight: normal;
	padding-top: 20px;display: block; height:22px; overflow:hidden; line-height:22px;}
.pro-news_m dd p{font-size:14px;color: #777;padding-top: 18px;line-height: 24px;padding-bottom: 26px;
	border-bottom: 1px solid #c9c9c8;margin-bottom:20px; height:48px; overflow:hidden;}	
	.pro-news_m dd p a{ color:#da0410}
	.pro-news_m li{ display:block;   font-size:15px;  position:relative; transition:all 0.4s; border-bottom:1px solid #eaeaea;}
	.pro-news_m li:before{ content:" "; position:absolute;  left:-15px; top: 12px;  }
	.pro-news_m li:after{ content:""; position:absolute; border-bottom:1px solid #F00;transition:all 0.4s; width:0; left:50%; bottom:0}
	.pro-news_m li:hover:after{ border-bottom:1px solid #ce0a0a; bottom:0; width:100%; left:0;}
	.pro-news_m li span:nth-child(2){ float:right;}
	.pro-news_m li a{ color:#4f4f4f}
	.pro-news_m li a:hover{ color:#ce0a0a}



/* 合作案例*/
.index-links{}
.link-content{ justify-content: space-between; width: 100% }
.link-content img{ transition: 0.5s all; cursor: pointer; }
.links-slide:hover img{ transform: scale(1.5); }
/*版权*/
/*版权*/
#footer{ background: #4973ce;  }
.footer_copy{ background: #2557b8; line-height: 56px;}
.end-scan{ background: #5c81d3; text-align: center; height: 95%;}
.end-scan p{ font-size: 16px; color: #fff; margin: 0; line-height: 35px; }
.footer-copy{ height: 38px; line-height: 38px; background: #2e2e2e; font-size: 14px; color: #fff }
.links-all{ width: 100%;  }
.links-all a{ display: inline-block; padding:0 15px; font-size: 16px; color: #fff; line-height: 45px;}
.links-all span:nth-of-type(1){ display:inline-flex; line-height: 45px; font-weight: bold; color: #1ab27a; font-size: 36px; }
.links-all span:nth-of-type(2){ display:inline-flex;line-height: 45px; color: #fff;font-size: 18px; }
.links-content{ justify-content: space-between;display: flex; }
.end-nav{ border-top:1px #646464 solid; justify-content: space-between;display: flex; }
.end-nav li{  line-height: 50px;  display: block; float: left; }
.end-nav li a{ font-size: 16px; color: #fff;}

.contact-all{ font-size: 14px; color: #fff; line-height: 30px;}
.contact-all p{ margin: 0 }

.footer_nav{ border-bottom: 1px solid #eaeaea; height: 80px;}
.bottom_nav a{ font-size: 16px; color: #fff; }
.end-box p{ font-size: 16px; color: #fff;}
.end-box p a{ font-size: 16px; color: #fff;}
.end-box p a:hover{color: #fff;}
.footer_item{ text-align: center; line-height:80px; flex: 0 0 auto; width: 8%; position: relative;  position: relative}
.footer_item:after{ position: absolute; content: ""; width: 100%;height: 2px; background: #cb0631; left: 0; bottom: 2px; transition: transform 0.5s; right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.footer_item:hover:after{  transform-origin: left center; transform: scaleX(1);}
.footer_copy a{ color: #fff;}
.footer_copy a:hover{ color: #fff;}
.end_itme{ line-height: 2}
.end_itme span{ font-size: 14px;color: #d4dbf1; line-height: 20px;}
.end_itme a{ color:#d4dbf1; font-size: 14px; position: relative;}
.end_itme a:hover{ color:#fff; font-size: 14px;}
.end_itme a:after{ position: absolute; content: "";left: 0; bottom: 0; height: 8px; background:rgba(215,3,16,0.5); width: 100%;transform: scaleX(0); transform-origin: right center; transition: transform 0.5s}
.end_itme a:hover:after{transform: scaleX(1); transform-origin: left center;}



.end_center{ position: relative}
.end_center:after{ position: absolute;content: "";left: 0%; width: 1px; height: 60%; background: #3e3e3e; top: 0;bottom: 0; margin: auto;}
.end_center:before{ position: absolute;content: "";right: 0%; width: 1px; height: 60%; background: #3e3e3e; top: 0;bottom: 0; margin: auto;}



.end_center{ position: relative}
.end_center:after{ position: absolute;content: "";left: 0%; width: 1px; height: 60%; background: #5c81d3; top: 0;bottom: 0; margin: auto;}
.end_center:before{ position: absolute;content: "";right: 0%; width: 1px; height: 60%; background: #5c81d3; top: 0;bottom: 0; margin: auto;}
@media(max-width: 991.98px){
	.end_itme{ line-height: 2.0}
	.end_center:after{ position: absolute;content: "";left: 0%; width: 0px; height: 0%; background: #3e3e3e; top: 0;bottom: 0; margin: auto;}
	.end_center:before{ position: absolute;content: "";right: 0%; width: 0px; height: 0%; background: #3e3e3e; top: 0;bottom: 0; margin: auto;}

	.end_center:after{ position: absolute;content: "";left: 0%; width: 0px; height: 60%; background: #5c81d3; top: 0;bottom: 0; margin: auto;}
	.end_center:before{ position: absolute;content: "";right: 0%; width: 0px; height: 60%; background: #5c81d3; top: 0;bottom: 0; margin: auto;}
}
.footer_logo_box p:nth-of-type(2){ font-size: 16px; color: #2b2b2b; font-weight: bold}
.footer_logo_box p:nth-of-type(3){ font-size: 14px; color: #676767}
.footer_k_ty{ position: relative}
.footer_k_ty:after{ position:absolute; content: ""; width: 1px; height: 100%; left: -20%; top:0; background: #e6e6e6}
.footer_contact_box{ flex: 0 0 auto; width:25%;}
.footer_logo_box{ flex: 0 0 auto; width:25%;}
.foote_hotline_box{flex: 0 0 auto; width:15%;}
.footer_about_box{flex: 0 0 auto; width:20%;}
.footer_k_ty p:nth-of-type(1){ font-weight: bold; font-size: 16px; color: #484b52; position: relative}
.footer_k_ty p:nth-of-type(1):after{ position: absolute; content: ""; height: 1px; width: 5%; background: #055ba9;left: 0; bottom: -10px;}
.footer_k_ty p:nth-of-type(2){ padding-top: 10px;}
.footer_k_ty p:nth-of-type(n+2){ font-size: 14px; line-height: 25px; color: #757983; margin-bottom: 0}
.footer_links{ background: #3a3a3a; color: #fff;}
.links_k{ height: 30px; line-height: 30px;}
.links_k>div:nth-of-type(1){ line-height: 30px; height: 30px; color: #fff; font-size: 14px; display: inline-block; width: 5%;}
.hot_pro{flex: 0 0 auto; width: 95%}
.links_k .hot_item{ height: 30px; line-height: 30px; display: inline-block; position: relative; padding: 0 20px;}
.links_k .hot_item:not(:nth-last-of-type(1)):after{    position: absolute;
	content: "";
	right:  0%;

	bottom:3px;
	margin: auto;
	background: #515d72;
	width: 1px;
	height: 30%;
}
.links_k .hot_item a{ font-size: 14px; color: #a4a7af;}
@media(max-width: 768px){
	.footer_contact_box{ flex: 0 0 auto; width:100%;}
	.footer_logo_box{ flex: 0 0 auto; width:100%;}
	.foote_hotline_box{flex: 0 0 auto; width:100%;}
	.footer_about_box{flex: 0 0 auto; width:100%;}
}


/*版权 end*/
#mheader{opacity:0;position: fixed; width: 100%; top:0;bottom:0;height:100vh;padding: 20px 0px; z-index: -1; transition: all 0.3s;}
.mlogo{ float: left; width:40%; margin-left: 15px;}
.mlogo img{ width: 100%; }
.navigation-is-visible div.nav-trigger{display:block;color:#fff;z-index:99;font-size:36px; width: 32px;position: absolute;top:25px;left:15px;}
.navigation-is-visible #mheader {opacity: 1;z-index: 999;}
.nav_transform1{position:absolute;top:0;bottom:0; left:20%; display: none; z-index:20;overflow-y:scroll; padding:20px 10px;width:80%;border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}
.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1{display:block; -webkit-transform:none;transform:none; }
.nav-overlay{position:fixed;top:0;left:50%; margin-left:-375px; z-index:10;width:750px;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}
.navp1{ padding: 15px 0px;text-align: center;    /*background: #0069a0;  */}
.navp1 img{ max-width: 60%; }
.navp2{ padding-left: 30px;padding-top:20px; font-size: 1.4rem;}
.navp2 b{ font-size: 1.6rem; color: #D80100; }
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; margin-bottom: 5px; }
.nav-item p{overflow: hidden;line-height: 40px;max-height:40px; font-size: 16px; padding: 0px 10px;}
.nav-item p i{ float: right; margin-top:11px; font-size:16px; color: #666;}
.nav-item.nav-show{border-bottom: none;}
.nav-item .msub{display:none; background:#f1f1f1; padding: 0px 16px; overflow:hidden; }
.nav-item .msub a{ line-height: 2; margin-bottom:5px; font-size:14px; display: block;}
.nav-item .msub a.on{ color:#D80100;}
.nav-item.nav-show .msub{display: block;}
.nav-item p a{ float: left; }
.nav-show p i{transform:rotate(90deg);}
.nav-show.nav-item>p{ background:#f1f1f1;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.navseach{ overflow: hidden; margin-top: 25px; }
.navseach_text{ width: 180px; padding: 0px 15px; margin-left: 15px; height: 32px; line-height: 32px; border: solid 1px #dedede; float: left;}
.navseach_btn{ width: 75px; height: 32px; line-height: 32px; float: left; margin-left: 8px; background: #D80100; color: #fff; border-radius: 15px; }
#mheader.down{ position: fixed; top: 0px; padding: 10px 0px; background: rgba(0,0,0,0.8); }




.m_nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 98;
    overflow: hidden;
    transform: translateY(-100%);
    width: 100%;
    height: 100vh;
    transition: all 800ms cubic-bezier(.8, 0, .33, 1);
    border-radius: 0 0 50% 50%;
}

nav.m_nav.nav-open {
    transform: translateY(0);
    border-radius: 0% 0% 0% 0%;

}

.menu-btn {
    position: fixed;
    top:60px;
    right: 10px;
    padding: 5px;
    cursor: pointer;
    z-index: 99;
    color: #000;
 
}

.menu-btn .line {
    padding: 0;
    width: 30px;
    background: #000;
    height: 2px;
    margin: 5px 0;
    transition: all 700ms cubic-bezier(.9, 0, .33, 1);
}

.menu-btn .line.line--1 {
    width: 30px;
    transform: rotate(0) translateY(0);
}

.menu-btn .line.line--1.line-cross {
    width: 30px;
    transform: rotate(45deg) translateX(5px) translateY(5px);
    background: rgba(0, 0, 0, 1);
}

.menu-btn .line.line--2 {
    width: 28px;
    transform: translateX(0);
}

.menu-btn .line.line--2.line-fade-out {
    width: 28px;
    transform: translate(30px);
    opacity: 0;
}

.menu-btn .line.line--3 {
    width: 20px;
    transform: rotate(0) translateY(0);
}

.menu-btn .line.line--3.line-cross {
    width: 30px;
    transform: rotate(-45deg) translateX(5px) translateY(-5px);
    background: rgba(0, 0, 0, 1);
}


nav.m_nav .nav-links {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transform: translateY(0);
    opacity: 0;
    transition: all 900ms cubic-bezier(.9, 0, .33, 1);
}

nav.m_nav .nav-links ul {
    width: 100%;
}

nav.m_nav .nav-links.fade-in {
    opacity: 1;
    transform: translateY(0);
}

nav.m_nav .nav-links .link {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 96%;
    max-width: 400px;
    margin: 0 auto;
    display: block;
    padding: 10px 0;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    transition: all 300ms cubic-bezier(.9, 0, .33, 1);
}

.m_nav_tel {
    width: 100%;
}

.m_nav_tel,
.m_nav_tel a {
    font-size:16px;
    color: #fff;
}

nav.m_nav .nav-links .link:hover,nav.m_nav .nav-links .link.active {
    background: rgba(0, 0, 0, 0.5);
}

.grad {
    background-image: linear-gradient(to bottom right, #28af4b, #0f9362);

}

/*公司简介模块*/
.index-address-current{  background:#fff; width: 100%; border-bottom: 1px solid #efefef }
.index-address-current  span a:nth-last-of-type(1){  font-weight: 100px; color: #333; }
.current-sub-nav { justify-content: space-between; display: flex; margin: 0;}
.current-sub-nav li{ overflow: hidden; flex: 1; text-align: center; position: relative;}
.current-sub-nav li:after{ position: absolute; content: "";height: 3px; background: #cb0631; width: 0%; bottom: 0;left: 0; transition: all 0.5s;}
.current-sub-nav li.current:after{ width: 100%; }
.current-sub-nav li a:hover{ color: #cb0631; }
.current-sub-nav li:hover:after,.current-sub-nav li a.current:after{  width: 100%;}
.current-sub-nav li a{ width: 100%; display: block; position: relative; color: #333; font-size: 14px; }
.current_add i{ background: #8e8f91; width: 1px;     display: inline-block;}
.current_add>div:nth-last-of-type(1) a{ color: #666666; font-size: 14px!important;}
.current_add div{ color: #666666; font-size: 14px!important;}
.sub-nav-address{ width: 40%}
.sub-nav-address a{ width: 100%; text-align: center;  color: #333; font-size: 16px;}
.sub-nav-address div{ height: 100%; position: relative; flex: 1 ; text-align: center; line-height: 69px;}
.sub-nav-address div:not(:nth-last-of-type(1)):after{ position: absolute; content: ""; height: 25%; width: 1px; background: #ccc; top: 0;bottom: 0; margin: auto; right: 0}
.sub-nav-address div:before{ position: absolute; content: ""; height: 3px;
	background: #d7132e; width: 100%; bottom: 0; transition: transform 0.5s; transform: scale(0);transform-origin: right center; }
.sub-nav-address div:hover:before{  transform-origin: left center;transform: scale(1)}
@media(max-width: 992px){
	.sub-nav-address{ width: 100%}
}

.all-sub-nav{}
.all-sub-nav .sub-item{ background: #f5f5f5; font-size: 16px; padding: 1rem 1.5rem; position: relative; transition: all 0.5s; overflow:hidden}
.all-sub-nav .sub-item:after{ position: absolute; content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: rgba(255,255,255,1)  ;
	border-radius: 100%;
	width: 150px;
	height: 150px;
	transform: scale(0);
	opacity: 1;}

@media(max-width: 991.98px){
	.all-sub-nav .sub-item{ background: #f5f5f5; font-size: 14px; padding: 0.5rem 0.8rem; position: relative; transition: all 0.5s; overflow:hidden}
}


.all-sub-nav .sub-item.active{ background:#d40000;}
.all-sub-nav .sub-item.active a{ color: #fff}
.all-sub-nav .sub-item:hover:after{ animation: myfirst3 1.2s infinite; }
@keyframes myfirst3
{
	0%  { transform: scale(0); opacity: 0.1}
	50% {transform: scale(1.15); opacity: 0.45}
	100% {transform: scale(1.35); opacity: 0}
}


.all-sub-nav .sub-item:hover{ background: #d40000; color: #fff}
.all-sub-nav .sub-item:hover a{ color: #fff}
.all-sub-nav .sub-item a{ position: relative;; z-index: 99 }


.content { font-size: 18px; color: #999; line-height: 30px }
.L-about-img{ position: relative}
.L-about-img:after{ position: absolute;content: ""; background: #f2f3f6; width: 40%; height:40%; right: -3%;top: -5%;}
.L-about-img div{ position: relative; z-index: 8}
.L-about-img div img{ max-width: 98%}
.right-about-title{}
.right-about-title p{ font-size: 30px; color: #333; position: relative}
.right-about-title p:after{ position: absolute; content: attr(data-title); text-transform: uppercase;font-size: 48px; color: #f5f5f5; opacity: 0.7; font-weight:bold;left: 0; top: -80%; bottom: 0; margin: auto; display: block}
.right-about-title p span{ position: relative; z-index: 88}
.right-content{ font-size: 16px; color: #666666; line-height: 2.2}
.btn-more{ border: 2px solid #d40000; padding: 0.8rem 2.7rem; font-size: 14px; color: #666666; position: relative; overflow: hidden; display: block}
.btn-more:after{ position: absolute; content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #d40000;
	border-radius: 100%;
	width: 150px;
	height: 150px;
	transform: scale(0);
	opacity: 1; transition: all 0.5s}

.btn-more:hover:after{ animation: myfirst2 0.95s forwards; }
.btn-more span{ position: relative; z-index: 9}
.btn-more:hover span{ color: #fff}
@keyframes myfirst2
{
	0%  { transform: scale(0); opacity: 0.3}
	50% {transform: scale(1.15); opacity: 1}
	100% {transform: scale(1.35); opacity:1}
}

.about-culture-all{ background: url("../img/culture_bj.jpg") no-repeat center top;}
.a-culture-box{ width:35%; background: #5175d0; height: 70%; }
.a-culture-box p:nth-of-type(1){ font-size: 30px; color: #fff;}
.a-culture-box p:nth-of-type(2){ font-size: 16px; color: #fff; text-transform: uppercase;}
.a-culture-box p:nth-of-type(3){ font-size: 18px; color: #fff;}
.a-culture-box div:nth-of-type(1){font-size: 14px; color: #fff; line-height: 2.5}


.btn-more2{ border: 2px solid #fff; padding: 0.3rem 2.3rem; font-size: 14px; color: #666666; position: relative; overflow: hidden; display: block}
.btn-more2:after{ position: absolute; content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #d40000;
	border-radius: 100%;
	width: 150px;
	height: 150px;
	transform: scale(0);
	opacity: 1; transition: all 0.5s}

.btn-more2:hover:after{ animation: myfirst2 0.95s forwards; }
.btn-more2 span{ position: relative; z-index: 9;color: #fff}

.btn-more2:hover span{ color: #fff}
.sub-title p{ font-size: 30px; color: #333333}
.sub-title2 p{ font-size: 36px; color: #333333}
@media(max-width: 991.98px){
	.a-culture-box p:nth-of-type(1){ font-size: 20px; color: #fff;}
	.a-culture-box{ width:100%; background: #5175d0;  }
	.L-about-img:after{ position: inherit;content: ""; background: none; width: 0%; height:0%; right: -3%;top: -5%;}
	.right-about-title p{ font-size: 18px; color: #333; position: relative}
	.right-about-title p:after{ position: absolute; content: attr(data-title); text-transform: uppercase;font-size: 26px; color: #f5f5f5; opacity: 0.7; font-weight:bold;left: 0; top: -25%; bottom: 0; margin: auto; display: block}
	.sub-title p{ font-size: 26px; color: #333333}
	.sub-title2 p{ font-size: 26px; color: #333333}
	.btn-more{ border: 2px solid #d40000; padding: 0.4rem 1.2rem; font-size: 14px; color: #666666; position: relative; overflow: hidden; display: block}

}



.ygfc-box{ font-size: 18px; color: #333333; position: relative; height: 100%; overflow: hidden}
.ygfc-box:after{ position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top: 0; transform:translateY(101%); transition: all 0.5s}
.ygfc-box .img-fdj{ position: absolute; display: block; left: 0; top: 0;bottom: 0; right: 0; margin: auto; width: 100%; height: 100%;}
.ygfc-box:hover .img-fdj{ z-index: 9999}
.ygfc-box:before{ position: absolute; content: ""; width: 50px; height: 50px; background: url("../img/fdj.png") no-repeat center center;
	 display: block; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 999; transform:translateY(-400%); transition: all 0.5s }
.ygfc-box:hover:after{transform:translateY(0%)}
.ygfc-box:hover:before{transform:translateY(0%)}
.ygfc-box img{ transition: all 0.5s}
.ygfc-box:hover img{ transform: scale(1.05)}
.ygfc-box div:nth-of-type(2){ position: relative; z-index: 99;transform:translateY(0%); transition: all 0.5s}
.ygfc-box:hover div:nth-of-type(2){ color: #fff;  transform:translateY(20%)}
.ratio-3x2{ position:relative}
.ratio-3x2::before {
	padding-top: var(--bs-aspect-ratio);
}
@media(min-width:992px){
	.ratio-3x2 {
		--bs-aspect-ratio:calc(260 / 404 * 100%);
	}

}

@media(max-width:992px) {
	.ratio-3x2 {
		--bs-aspect-ratio: calc(260/ 404 * 100%);
	}
}


.video-center-big{ background:#4973ce }

	/*公司简介页面*/
.sub-title-all{}
.sub-title-all p{ position: relative}
.sub-title-all p:after{ position: absolute; content: attr(data-title); font-size: 48px; color: #f5f5f5; text-transform: uppercase; left: 0; right: 0; top: -80%; font-weight: bold;  margin: auto;}
.sub-title-all p span{ position: relative; z-index: 9; font-size: 30px;}
.null-h{ height: 604px;}
.about2-box{ background: url("../img/about3.jpg") no-repeat center top;  }

.left-about-box{ background: #d40000 url("../img/about_map.png") no-repeat center 90%; padding-bottom: 60%}
.left-about-box p:nth-of-type(1){ color:rgba(255,255,255,0.5); font-size: 24px; text-transform: uppercase}
.left-about-box p:nth-of-type(2){ color:rgba(255,255,255,1);font-size: 36px;   }
.left-about-box p:nth-of-type(3){  font-size: 24px; color: #fff }
.left-about-box div:nth-of-type(1){  font-size: 14px; color: #fff; line-height: 2}

@media(max-width: 991.98px) {

	.sub-title-all p:after{ position: absolute; content: attr(data-title); font-size: 28px; color: #f5f5f5; text-transform: uppercase; left: 0; right: 0; top: -80%; font-weight: bold;  margin: auto;}
	.sub-title-all p span{ position: relative; z-index: 9; font-size: 20px;}
	.left-about-box p:nth-of-type(1){ color:rgba(255,255,255,0.5); font-size: 20px; text-transform: uppercase}
	.left-about-box p:nth-of-type(2){ color:rgba(255,255,255,1);font-size:26px;   }
	.left-about-box p:nth-of-type(3){  font-size: 20px; color: #fff }
}
/*企业文化*/
.culture-big-box{}
.culture-item{ flex:0 0 auto; width: 25%}
.culture-img-font{ background: url("../img/culture_bj1.png") no-repeat center center; width: 255px; height: 277px; font-size: 18px; transition: all 0.5s}
.culture-font{ font-size: 16px; color: #333; line-height: 2}
.culture-item:hover .culture-img-font{ background: url("../img/culture_bj2.png") no-repeat center center;}

@media(max-width: 991.98px){
	.culture-item{ flex:0 0 auto; width: 100%}
}


/*新闻列表模块*/
.ImgScale img{ transition: all 0.5s; }
.ImgScale:hover img, .ImgScale:hover i {
    transform: scale(1.05);
}
.news_li_title{ font-size: 18px;color:#333 }
@media(max-width: 768px){

.news_li_title{ font-size: 14px;color:#333; overflow: hidden;  }

}
.news_message{ font-size:14px; color:#999; height: 85px; }
.news_more{ border-top: 1px solid #e5e5e5; line-height: 45px; height: 45px; transition: all 0.5s}
.news_more span:nth-of-type(1){ font-size: 14px; font-family: arial;  text-align: left;display: inline-block; float: left; transition: all 0.5s}
.news_more span:nth-of-type(2){  background: #333; text-align: right; color: #666; display: inline-block; float: right; 
							transition: all 0.5s;width: 30px; height: 30px; border-radius: 10px; margin-top: 10px; line-height:25px; background: #fff;
							 transition: all 0.5s; }
.time_news2{ font-size:14px; padding:10px 0;transition: all 0.5s; }
.btn2{ float: right; background: #d20005; color: #fff; font-size: 14px; }
.news-all-li li{ margin-bottom: 30px ; }
.news-all-li a:hover .news_more span{ color: #333;   }
.news-all-li a:hover .news_more span:nth-of-type(2){   color: #fff;  border-radius: 100%;
									animation:mymove 1s infinite;width: 30px; height: 30px;
								}@keyframes mymove
	{
	0% {background-color:#333; opacity: 0; transform: translate(-30%,0); }
	100% {background-color:#333;opacity: 1;transform: translate(5%,0); }
}
 

 .contact_left h4{ font-size: 26px; color:#ba0008; font-weight: bold; text-transform: uppercase;}
    .contact_lg_fb{ font-size: 16px;  }
    .contact_left>p:nth-of-type(1){ font-size: 16px;    font-weight: bold; }
    .contact_left>p:nth-of-type(2){ font-size: 16px;  font-weight: bold;  }
    .contact_left .contact_li{ font-size: 16px;   }
    .link_box a{ display: inline-block; height: 50px; width: 50px;border:1px solid #999; border-radius: 50%;
                 text-align: center; margin-right: 20px;box-sizing: border-box; background: #fff; position: relative; transition: all 0.5s; } 
    .link_box a:before{ position: absolute; content: ""; width: 10px; height: 10px;left: 0;right: 0;top: 0;bottom: 0; margin: auto;
    				 transition: all 0.5s; border-radius: 100% }
    .link_box a:hover:before{  animation: sbig 1s ease infinite; transition: all 0.5s; }
					    @keyframes sbig
					    {
					    0% { width: 0;height: 0;   background: #1c1c1c; transition: all 0.5s; opacity: 0 }
					   
					      100% {width: 100%;height: 100%;  transition: all 0.5s;opacity: 1 }
					}
 
 
    .link_box a i{ display:block; font-size: 25px; margin-top: 5px;}
    .link_box a:hover{  border:1px solid #333; background: #333 }
    .link_box a:hover i{ color: #fff }



    .red_bg{ background: #ba0008; }
    .ssh_bg{ background: #333 }
    .red_bg{ background: #ba0008; }
    .contact_box{ color: #fff }
    .contact_right p.contact_r_name:nth-of-type(1){font-size: 24px;line-height: 36px; position: relative; color: #fff }
    .contact_right p.contact_r_name:nth-of-type(1):after{ position: absolute; content: ""; height: 3px; width: 6%; background: #fff;left: 0; bottom: 0; }
    .contact_right .contact_box{ justify-content: space-between; display: flex; width: 100%;  text-align: center;}
    .contact_right .con_slide{flex: 1; position: relative;}
    .contact_right .con_slide:after{position: absolute; content: ""; width: 1px; height: 50%;right: 0;top: 0; bottom: 0;margin: auto; background: rgba(255,255,255,0.1); }
    .contact_right .con_slide:nth-last-of-type(1):after{ width: 0 }
    .contact_right p span.font{ font-size: 14px; font-weight: bold; color: rgba(255,255,255,0.7); }
    .cn-tt{ font-weight: bold; font-size: 15px; color:rgba(255,255,255,0.8); }
    .num{ color: #fff; font-size: 50px; font-family: impact; font-weight: 100}
    .en-tt{ font-size: 14px; color:rgba(255,255,255,0.8);  font-family: arial; text-transform:capitalize; }


.card {

    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.news-detail{padding:10px; box-sizing:border-box;}
.news-big-title{ font-size:24px; text-align: center;  }
.news-time-click{ font-size:16px;text-align: center;  color: #666; border-bottom:1px #e7e7e7 solid;  }
.news-detail-content{ font-size:16px; color:#666; line-height:2; padding:20px 0;}
.news-detail-content p{ margin-bottom: 0px;  }
.newsPage{ font-size:16px; border-top:1px #e7e7e7 solid; line-height:30px;}
 .newsPage a{color:#999}
 


	.p14-info-2 {
			background: #fff;
		}
		
		.p14-info-2-tit {
			height: 80px;
			font-size: 24px;
			line-height: 80px;
			background: #b60c3c;
			color: #fff;
			text-align: center;
		}
		
		.p14-info-2-list dl { 
			padding: 26px 10px 20px 7px;
			border-bottom: 1px dashed rgba(153, 153, 153, 0.3);
			font-size: 12px;
			line-height: 18px;
			overflow: hidden;
		}
		
		.p14-info-2-list dt {
			 
		 
			margin-right: 6px;
		}
		
		.p14-info-2-list dt img {
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		
		.p14-info-2-list dd h3 {
			height: 22px;
			font-size: 14px;
			font-weight: normal;
			line-height: 22px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin-bottom: 5px;
		}
		
		.p14-info-2-list-desc {
			height: 18px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		
		.p14-info-2-list dl:nth-last-child(1) {
			border-bottom: 0;
			padding:0;
		}
	

		.contact-z1 {
			height: 140px;
			background: url("../img/contact-z1.jpg") no-repeat;
			background-size: cover;
			color: #333;
			margin-bottom: 30px;
		}
		
		.contact-z1 p {
			font-size: 20px;
			height: 30px;
			line-height: 30px;
			padding: 37px 0 0 95px; 
			background: url(../img/contact-z1_tel.png) no-repeat 74px 44px;
		}
		
		.contact-z1 span {
			display: block;
			height: 30px;
			font-weight: bold;
			font-size: 18px;
			line-height: 30px; 
			padding-left: 73px;
		}
	
.rcread {
	padding: 40px 0;
}
.rcread h4 {
	font-size: 20px;
	color: #333;
	font-weight: normal;
	margin-bottom: 5px;
}
.rcread li {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border-bottom: 1px dotted #cbcbcb;
	overflow: hidden;
	padding-left: 28px;
	background: url(../img/ic1.png) no-repeat 0 center;
	vertical-align: top;
}
.rcread li em {
	float: left;
	width: 640px;
	overflow: hidden;
	font-style: inherit;
	font-weight: inherit;
}
.rcread li em a {
	color: #686868;
	font-style: inherit;
	font-weight: inherit;
}
.rcread li em a:hover {
	color: #991313;
	font-style: inherit;
	font-weight: inherit;
}
.rcread li span {
	float: right;
	color: #999;
}
/*产品模块*/
   
 .sub-pro-list a{ display:inline-block; padding: 10px; border: 1px #e5e5e5 solid;
 
    color: #666666;
    font-size: 16px;
    border-radius: 3px;
    margin:0 10px 0 0;
    width: 25%;
    text-align: center;
    transition: 0.5s all
}   
 .sub-pro-list a:hover,.sub-pro-list a.active{ background: #ba0008; color: #fff }
@media(max-width: 768px){
	 .sub-pro-list a{ display:inline-block;  width: 50%}

}


.border-fk{ border: 1px solid #efefef}
.box-all{border:1px #e5e5e5 solid; box-sizing:border-box;}
 

 .onlink-click{ background:#1ab27a; border:1px #1ab27a solid; color:#fff; font-size:14px;  border-radius:3px; }
 .pro-more{border:1px #e5e5e5 solid; color:#fff; color:#666666;font-size:14px; border-radius:3px; }
  .onlink-click:hover,.pro-more:hover{ background:#1ab27a; color:#fff;border:1px #1ab27a solid; }
.pro-nav{ width:100%; margin:0 auto;  overflow: hidden;  line-height:60px; height: 60px; background:#fff; border: 1px solid #e0e0e0;
	border-right: none;}
 

.onlink-click{ background:#1ab27a; border:1px #1ab27a solid; color:#fff; font-size:14px;  border-radius:3px; }
.pro-more{border:1px #e5e5e5 solid; color:#fff; color:#666666;font-size:14px; border-radius:3px; }
.onlink-click:hover,.pro-more:hover{ background:#ba0008; color:#fff;border:1px #1ab27a solid; }
.pro-sub-nav{ display: flex; justify-content:space-between}
.pro-sub-nav li{ flex: 1; transition: all 0.5s; display:block; float:left; position:relative;  border-right: 1px solid #e0e0e0 }
.pro-sub-nav li:after{ position:absolute; content:""; width:0px; height:100%; top:0px; right:0; background:#ba0008}
.pro-sub-nav li:nth-last-of-type(1):after{ position:absolute; content:""; width:0px; height:100px; top:10px; right:0; }

.pro-sub-nav li a{ display:block;  text-align: center;  font-size:18px; text-align:center; color:#333333;   position:relative; }
.pro-sub-nav li a span{ position: relative}
.pro-sub-nav li a:before{ position:absolute; content:""; bottom:0px; width:0; height:100%; background:#ba0008; left:0%; transition:all 0.5s}
.pro-sub-nav li a:hover:before{ width:100%;left:0;}
.pro-sub-nav li.current a:before{ width:100%;left:0;}
.pro-sub-nav li.current a{ color: #fff}
.pro-sub-nav li a:hover{ color:#fff}
.fix li a:hover{ color:#fff}
.fix {
	transition:all 0.5s;
	background:#fff;
	position: fixed;
	left: 0;
	top: 0px;
	z-index: 9999999; box-shadow: 10px 10px 20px #C7C7C7; width: 100%}
.fix  li a{ color:#333}
.pro-nav.fix .pro-sub-nav{ width: 50%; margin: 0 auto}
@media(max-width: 991.98px){

	.pro-nav.fix .pro-sub-nav{ width: 100%; margin: 0 auto;z-index: 9999 }
	.pro-sub-nav li{ transition: all 0.5s;  width: 20%; display:block; float:left;flex:1;position:relative; z-index: 9999 }
	.pro-sub-nav li a{ display:block;   padding:0;  font-size:16px; text-align:center; color:#333333; transition:all 0.5s; position:relative; }  .pro-sub-nav li a:after{ position:absolute; content:""; bottom:0px; width:0; height:100%; background:#ba0008; left:0%; transition:all 0.5s}
}




.pro-news-all-four{  background:#fff;   }
.pro-news-all-four p:nth-child(1) {
    margin-bottom: 40px;
    font-size: 26px;
    color: #00468c;
 
}
@media(max-width:768px){.pro-news-all-four{ margin:10px 0;background:#fff;  padding:20px 10px;}
.pro-news-all-four p:nth-child(1) {
    margin-bottom: 40px;
    font-size: 26px;
    color: #00468c;
 
}}

.right_box{   height:100%; width: 100%}
.nr_datil_box{ font-size: 16px; color: #666666; line-height: 36px;  width: 95%; margin: 0 auto}
.pro-order{ background:#fff;}
.pro-order p{ font-size:36px; color:#333; text-align:center}

.page-up-next { padding:20px 0}
.page-up-next div{ font-size:14px; height:30px; line-height:30px;}

.proname-item2{ background: #f9f9f9; font-size: 16px; position: relative}
.proname-item2 p:nth-of-type(1){ font-size: 16px; color: #666; margin: 0; line-height: 50px; height: 50px; text-align: center}

.proname-item2:after{ position: absolute; content: ""; width: 100%;height: 4px; background: #ba0008; left: 0; bottom: 0px; transition: all 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.proname-item2:hover:after{  transform-origin: left center; transform: scaleX(1);}

.youshi_all{ font-size: 16px; color: #fff;}
.youshi_all .list_item{ height: 36px; line-height: 36px; width: 90px; text-align: center; border-radius: 5px; }
.youshi_all .list_item:nth-of-type(1){ background:#a599d0 }
.youshi_all .list_item:nth-of-type(2){ background:#e77745 }
.youshi_all .list_item:nth-of-type(3){ background:#3bb3c3 }
.youshi_all .list_item:nth-of-type(4){ background:#89c997 }
.pro-desc{ font-size: 16px; color: #666; line-height: 30px;}
.pro_left_tel{ background: url("../img/pro_tel.png") no-repeat left center; padding-left:10%;   height:46px; }
.pro_left_tel p:nth-of-type(1){ font-size: 14px; color: #999999; margin-bottom: 0; line-height: 20px;}
.pro_left_tel p:nth-of-type(2){ font-size: 30px; color:#80c26a; font-family: 'Bahnschrift';line-height: 35px;  }

@media(max-width: 991px){
	.pro_left_tel{ background: url("../img/pro_tel.png") no-repeat left center; padding-left:15%;   height:46px; }
}


.pro-data { padding-bottom:30px;   margin-bottom:30px;}
.pro-data td { padding:0px 0; height:30px; line-height:30px;color:#999}
.pro-data tr td:nth-of-type(1){ width:20%; font-size:14px; }
.pro-data tr td:nth-of-type(2) a{ width:80%;  font-size:14px; color:#999}
.pro-data tr:nth-last-of-type(1) td:nth-of-type(1){ vertical-align:top}
.pro-color li{ display: block; float:left; width:18%; font-size:16px; color:#a6a6a6}
.pro-color li i{ width:24px; height:24px; border-radius:100%;}
.pro-color li:nth-of-type(1) i{ background:#e30000}
.pro-color li:nth-of-type(2) i{ background:#0043ca}
.pro-color li:nth-of-type(3) i{ background:#0cc3e3}
.pro-color li:nth-of-type(4) i{ background:#ff9900}
.pro-color li:nth-of-type(5) i{ background:#e5007c}




.pro-lists-all li{ display: block; width: 30%; float: left; margin-right: 3%; margin-bottom: 3%; background: #fff; padding-bottom: 3%; transition: all 0.5s;}
.pro-lists-all li span{display: block;
    height: 260px;
    overflow: hidden;
    position: relative;
    text-align: center;
  
    transition: all 0.5s;}
 .pro-lists-all li:hover
 {	

	transform: translate(0, -10px);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-webkit-box-shadow: 0px 5px 15px #828282;
	-moz-box-shadow: 0px 5px 15px #828282;
	box-shadow: 0px 5px 15px #828282;
}
.pro-lists-all  a span{ display:block; position:relative;}
.pro-lists-all  a span:after{ position:absolute; content:""; left:0%; width:100$; height:0; bottom:-260px;  background:rgba(0,0,0,0.3); transition:all 0.4s; }
.pro-lists-all  a:hover span:after{ height:260px; width:100%;left:0; bottom: }



.pro-lists-all  a:hover  p:nth-of-type(2){ color:#FFF; border:1px #e30000 solid; background:#e30000}

.pro-lists-all   p:nth-of-type(1){ font-size:16px; color:#666; text-align:center; height:30px; line-height:30px; margin-bottom:20px;}
.pro-lists-all  p:nth-of-type(2){ width:155px; height:30px; line-height:30px; text-align:center; font-family:SimSun; font-size:19px; border:1px #ddd solid; border-radius:20px; margin:0 auto; transition:all 0.5s}
.pro-lists-all   img {
	 width:100%;

	display: block;
	margin:0 auto;
	transition:all 0.4s
}

.pro-lists-all a:hover img{ transform:scale(1.1)}
.pro-pinpai{    background:#fff; height:auto; overflow:hidden;}
.pro-pinpai>p:nth-of-type(1){margin-bottom:40px; font-size:26px; color:#00468c; }
.pro-pinpai ul li{ text-align:center; font-size:16px; text-align:center; width:230px; height:180px; padding:45px 25px ; border:#eeeeee 2px solid; color:#666666; display:block; float:left; margin-right:20px; transition:all 0.5s}
.pro-pinpai ul li p:nth-of-type(1){color:#333; font-size:18px;text-align:center; margin:15px 0 30px; transition:all 0.5s}
.pro-pinpai ul li:nth-last-of-type(1){ margin:0;}
.pro-pinpai ul li:hover{ background:#be000e; color:#fff; border:#be000e 2px solid;}

.pro-pinpai ul li:hover  p:nth-of-type(1){ color:#FFF; font-size:24px;}
.pro-pinpai ul li:nth-child(1) i{ background:url(../img/pro-a.png) no-repeat -75px top; width:58px; height:62px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(1):hover i{ background:url(../img/pro-a.png) no-repeat 0px top;}
.pro-pinpai ul li:nth-child(2) i{ background:url(../img/pro-b.png) no-repeat 0px top; width:60px; height:70px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(2):hover i{ background:url(../img/pro-b.png) no-repeat -66px top;}

.pro-pinpai ul li:nth-child(3) i{ background:url(../img/pro-b.png) no-repeat 0px top; width:60px; height:70px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(3):hover i{ background:url(../img/pro-b.png) no-repeat -66px top;}


.pro-pinpai ul li:nth-child(4) i{ background:url(../img/pro-b.png) no-repeat 0px top; width:60px; height:70px; transition:all 0.5s; display:block; margin:0 auto}
.pro-pinpai ul li:nth-child(4):hover i{ background:url(../img/pro-b.png) no-repeat -66px top;}



.ys1{ width: 45%; overflow: hidden;}
.ys2{ overflow: hidden}
.ys1 img{ transition: all 0.5s}
.ys1:hover img{ transform: scale(1.05)}
.ys2{ width: calc(55% /2);}
@media(max-width: 991.98px){
	.ys1{ width: 100%; overflow: hidden;}
	.ys2{ width: 50%;}
}
.ys1-font{ position: absolute; top: 15%;left: 15%; color: #fff; transition: all 0.5s}
.ys1-font p:nth-of-type(1){ font-size: 48px;}
.ys1-font div:nth-of-type(1){ font-size: 16px;}
.ys1:hover .ys1-font{ transform: translateY(20%)}
.ys-btn{ position: absolute; bottom: 10%; right: 8%; font-size: 16px; color: #fff}
.ys-btn svg,.ys-btn span{ fill: #fff; transition: all 0.5s}
.ys1:hover .ys-btn svg{ fill: #e71f19; transform: translateX(15%)}
.ys1:hover .ys-btn span{   transform: translateX(-5%)}
.ys-box-font2{ transition: all 0.5s}
.ys-box-font2 p:nth-of-type(1){ font-size: 24px; font-weight: bold; color: #333}
.ys-box-font2 div:nth-of-type(1){ font-size: 14px; color: #a5a5a5}

.ys2>div:nth-of-type(1){ position: relative}
.ys2>div:nth-of-type(1):after{ position: absolute; content: attr(data-title); left:0; bottom: 0; display: block; width: 45px;
 height: 45px; background: rgba(73,115,206,0.5); text-align: center; vertical-align: middle;  font-style: italic;
  transition: all 0.5s; display: flex; align-items: center; justify-content: center; font-weight: bold;  color: #fff}
.ys2:hover>div:nth-of-type(1):after{ background: #bb0202}
.ys2:hover>div:nth-of-type(1){ color: #fff}
.ys2:hover{ background: #fff}
.ys2:hover .ys-box-font2{ transform: translateY(20%)}
.huoban-item{ flex:0 0 auto; width: calc( 100% /6) }


.pro-datil-title{ font-size: 30px; color: #333; font-weight: 100;}
.nr_datil_box table{ width: 100%;}
.pro-title-datil span{ position: relative;}
.pro-title-datil span:after{ position: absolute; content:""; top: 0; bottom: 0; left:105%; height:1px; width: 100%; margin:auto; background: #d9d9d9; }
.pro-title-datil span:before{ position: absolute; content:""; top: 0; bottom: 0; right:105%; height:1px; width: 100%; margin:auto; background: #d9d9d9; }
.pro-title-datil i svg{transform: rotate(90deg); fill: #bb0202}
.pro-title-datil i svg{transform: rotate(90deg); fill: #bb0202}
.pro-title-datil i:nth-of-type(2) svg{transform: rotate(90deg); fill: #bb0202; opacity: 0.5}
.pro-title-datil i:nth-of-type(2){ position: absolute; top: 15%;left: 0;right: 0; margin: auto}
.cases-item  { font-size: 14px; border: #e4e4e4 1px solid;transition: all 0.5s; margin:1px;}
.cases-item i svg{  width: 40px; height: 40px; transition: all 0.5s}
.swiper-slide-thumb-active .cases-item{ border: #e3202a 1px solid;}
.swiper-slide-thumb-active .cases-item i svg{ fill: #e3202a}
.cases-font{ position: absolute; bottom: 0; background: rgba(0,0,0,0.5);color: #fff; font-size: 14px; line-height: 2;}
.cases-font a{ color: #fff}
@media(max-width: 991.98px){
	.ys1-font p:nth-of-type(1){ font-size:28px;}
	.ys-box-font2 p:nth-of-type(1){ font-size: 18px; font-weight: bold; color: #333}
	.pro-datil-title{ font-size:20px; color: #333; font-weight: 100;}
}

/*相关产品*/

.pro-message-all{  font-size:16px; line-height:30px; background:#fff; width:100%}
.pro-all-links {
	width: 100%;
	margin: 0 auto;
	box-sizing:border-box

}
.pro-all-links .hd {
	overflow: hidden;

	margin: 0 auto;
	width: 285px;
}
.pro-all-links .hd .prev, .pro-all-links .hd .next, .pro-all-links .hd .morexxx {
	display: block;
	width: 40px;
	height: 40px;
	border-radius:100%;
	float: right;
	margin: 0 2px;
	margin-top:10px;
	color: #FFF;
	font-size: 24px;
	overflow: hidden;
	cursor: pointer;
	transition: 0.3s all 0s linear;
	background: #f0f0f0;
	text-align: center;
	line-height: 40px;
	font-family: SimSun;
}
.pro-all-links .hd .prev:hover, .pro-all-links .hd .next:hover, .pro-all-links .hd .morexxx:hover {
	background: #bb0327;
}
.pro-all-links .hd .prev, .pro-all-links .hd .morexxx {
	float: left;
}

.pro-all-links .index-pro-all-xx{
 
 height:auto;
 overflow:hidden;
 margin-bottom: 30px;
}

.pro-all-links .index-pro-all-xx li { margin-right:20px; width:285px; display:block; height:285px; float:left; }
.pro-all-links .index-pro-all-xx li a{width:285px; overflow:hidden; position:relative;display:block; transition:all 0.5s }
 .pro-all-links .index-pro-all-xx li a span{width:285px; height:214px; display:block; overflow:hidden; margin-bottom:20px;}
.pro-all-links .index-pro-all-xx li a:hover img{ transform:scale(1.1)}
.pro-all-links .index-pro-all-xx li a img{  width:100%;  transition:all 0.5s; margin:0 auto;}
.pro-all-links .index-pro-all-xx p{ color:#666; font-size:18px; font-weight:bold; transition:all 0.5s}
.pro-all-links .index-pro-all-xx p:nth-of-type(2){ font-size:14px; color:#999;font-weight:bold;transition:all 0.5s}
.pro-all-links .index-pro-all-xx li a:hover{transform: translate(0, -10px);
-webkit-transform: translate(0, -10px);
-moz-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
-webkit-box-shadow: 0px 2px 15px #828282;
-moz-box-shadow: 0px 2px 15px #828282;
box-shadow: 0px 2px 15px #828282;}
 .pro-all-links .index-pro-all-xx li a:hover p{ padding-left:10px;}

 .order-btn{ box-sizing: border-box; }
.order-btn .submit {
 
 
 

}
.order-btn .submit:hover {

}


.pro-mobile i{ background:url(../img/hotline.png) no-repeat left top; width:31px; height:31px; float:left; display:block;}

.pro-mobile  span{ color:#c8000b; font-family:'impact'}
.pro-content{  height:auto; overflow:hidden; background:#fff}
 .pro-content p:nth-child(1){margin-bottom: 40px;
    font-size: 26px;
    color: #00468c;
 
 
}
@media(max-width:768px){
	.pro-content{ padding:10px 0px;  height:auto; overflow:hidden; background:#fff; box-sizing:border-box}
	 .pro-content p:nth-child(1){margin-bottom: 40px;
    font-size: 26px;
    color: #00468c;
	padding-left:20px;
 
 
}
	
	}
.inner-pro-message{ height:auto; overflow:hidden; padding:50px 0;}
.inner-pro-message li{ display:block; float:left; width:285px; height:320px; border:1px #f5f5f3 solid; margin:10px 10px 0 0;}
.inner-pro-message li .img{ width:285px; height:200px; overflow:hidden; display:block;}
.inner-pro-message li .img img{ transition:all 0.5s; width:285px;}
.inner-pro-message li:hover .img img{ transform:scale(1.1,1.1)}
.inner-pro-message li .title{ text-align:left; padding:10px 25px;}
.inner-pro-message li .title h3{ font-size:14px;}
.inner-pro-message li .title em{   height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.inner-pro-message li .title span{ display:block; width:40%; height:30px; line-height:30px; color:#FFF; border-radius:5px; text-align:center}
.inner-pro-message li .title span a{ color:#FFF}
.inner-pro-message li .title span:nth-child(1){  float:left; background:#222;}
.inner-pro-message li .title span:nth-child(2){ float:right; background:#e6000f;}


.pro-sider-ul li{ height:50px; line-height:50px; background:#fff; margin-bottom:1px;}
.pro-sider-ul li a{ display:block; width:90%; padding-left:10%; font-size:15px; transition:all 0.4s}
.pro-sider-ul li a:hover{ color:#e60012; padding-left:20%;width:80%}







.pro-all-message .bx-wrapper {
	position: relative;
	margin: 60px auto ;

	padding: 0;
	
*zoom:1
}
.pro-all-message b a{ font-size:24px; display:block; color:#666; font-weight:500; height:47px; line-height:55px; transition:all 0.5s;}
.pro-all-message .slide > a:hover{
  

	transform: translate(0, -10px);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-webkit-box-shadow: 0px 5px 15px #828282;
	-moz-box-shadow: 0px 5px 15px #828282;
	box-shadow: 0px 5px 15px #828282;
}

.pro-all-message b a i{ display:block; width:47px; height:47px; background:url(../img/pro-dot.png) no-repeat left center; margin-right:12px; float:left;}
.pro-all-message .slide > a{ display: block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#FFF; padding:20px; transition:all 0.5s;}
.pro-all-message .bx-wrapper span { display:block; height:260px; overflow:hidden; position:relative; text-align:center; background:#fff!important; transition:al 0.5s}
.pro-all-message a span{ display:block; position:relative;}
.pro-all-message a span:after{ position:absolute; content:""; left:0%; width:100$; height:0; bottom:-260px;  background:rgba(0,0,0,0.3); transition:all 0.4s; }
.pro-all-message a:hover span:after{ height:260px; width:100%;left:0; bottom: }



.pro-all-message a:hover  p:nth-of-type(2){ color:#FFF; border:1px #e30000 solid; background:#e30000}

.pro-all-message .slide p:nth-of-type(1){ font-size:16px; color:#666; text-align:center; height:30px; line-height:30px; margin-bottom:20px;}
.pro-all-message .slide p:nth-of-type(2){ width:155px; height:30px; line-height:30px; text-align:center; font-family:SimSun; font-size:19px; border:1px #ddd solid; border-radius:20px; margin:0 auto; transition:all 0.5s}
.pro-all-message .bx-wrapper img {
	height: 260px;

	display: block;
	margin:0 auto;
	transition:all 0.4s
}

.pro-all-message .bx-wrapper a:hover img{ transform:scale(1.1)}
.pro-all-message .bx-wrapper .bx-viewport {


	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)
}

.pro-all-message .bx-wrapper .bx-pager, .pro-all-message .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -60px;
	width: 100%
}
.pro-all-message .bx-wrapper .bx-loading {
	min-height: 50px;
	
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000
}
.pro-all-message .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: 700;
	color: #666;
	padding-top: 20px
}
.pro-all-message .bx-wrapper .bx-pager .bx-pager-item, .pro-all-message .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
*zoom:1;
*display:inline
}
.pro-all-message .bx-wrapper .bx-pager.bx-default-pager a {
	background: #d3d3d3;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 100%
}
.pro-all-message .bx-wrapper .bx-pager.bx-default-pager a:hover, .pro-all-message .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f91627
}
.pro-all-message .bx-wrapper .bx-prev {

	left:-80px;
	background: url(../img/picScroll-left.png) no-repeat #dddddd;
	transition:all 0.5s
}
.pro-all-message .bx-wrapper .bx-next {
	
	right:-80px;
	background: url(../img/picScroll-right.png)  no-repeat -45px 0 #dddddd;
	transition:all 0.5s
}
.pro-all-message .bx-wrapper .bx-prev:hover {
	background: url(../img/picScroll-left.png) no-repeat -45px 0 #e30000
}
.pro-all-message .bx-wrapper .bx-next:hover {
	background: url(../img/picScroll-right.png) no-repeat 0px 0 #e30000
}
.pro-all-message .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	
	outline: 0;
	height:45px;
	width:45px;
	text-indent: -9999px;
	z-index: 9999
}
.pro-all-message .bx-wrapper .bx-controls-direction a.disabled {
	display: none
}
.pro-all-message .bx-wrapper .bx-controls-auto {
	text-align: center
}
.pro-all-message .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(http://www.jq22.com/demo/slider-141113224352/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px
}
.pro-all-message .bx-wrapper .bx-controls-auto .bx-start:hover, .pro-all-message .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0
}
.pro-all-message .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(http://www.jq22.com/demo/slider-141113224352/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px
}
.pro-all-message .bx-wrapper .bx-controls-auto .bx-stop:hover, .pro-all-message .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px
}
.pro-all-message .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}
.pro-all-message .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}
.pro-all-message .bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80,80,80,.75);
	width: 100%
}


.pro-all-message .slide2{ background:#CCC; text-align:center;}

.about-honor .pro-all-message .bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}
.slider1 p {
	width: 100%;
	height: 46px;
	font-size: 20px;
	color: #333;
	font-size:14px;
	line-height: 46px;
	text-align: center;

	
}
.slider1 .slide{ background:#CCC}
.pro-deail{ box-sizing:border-box}
.pro-deail>p:nth-of-type(1){margin-bottom: 40px;
    font-size: 26px;
    color: #ba0008; 
    text-align: left;
    position: relative;
}
.pro-deail>p:nth-of-type(1):after{ position: absolute; content: "";background: #ba0008; width: 5%; height: 2px;bottom: -20px;left: 0 }
.message-title{ font-size: 14px; }

 #formData .write {
    background: #fff;
    padding-right: 30px !important;
    border:1px #eee solid;
    font-size: 14px;
}


.code{ font-size: 14px; }



/*新闻*/
.news_box_left{ margin: 20px; padding: 10px; border-bottom: 1px solid #e7e7e7; position: relative;   }
.news_box_left:after{ position: absolute;content: ""; background
: #ba0008; height: 2px; width:100%;  left: 0;bottom: -1px;

	transition: all 0.5s;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	transition: transform .5s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	transform-origin: right center;
}
.news_box_left:hover:after{-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
	-o-transform: scaleX(1); transform: scaleX(1);}



.news_img{ background: #000000 }
.new_datil > p:nth-of-type(1){ color: #333; font-size: 18px; }
.new_datil .new_nr{ font-size: 12px; color: #666; line-height: 25px; overflow: hidden; padding-bottom: 15px;}
.new_three_more{ height: 25px; line-height: 25px; }
.new_three_more span{ padding: 0 10px 0 0;   display: inline-block; font-size: 12px; color: #b0b0b0; -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s; }
.new_three_more span:not(:nth-last-of-type(1)) i{ padding: 0 10px 0 0; }
.new_three_more span:nth-last-of-type(1){ float: right; width: 90px; border: 1px solid #dcdcdc; text-align:center; -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;}
.new_three_more span .icon-fangxiang{display:inline-block; -webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg); }
.news_box_left:hover .icon-fangxiang{transform: rotate(180deg);}
.news_box_left:hover span:nth-last-of-type(1){ border: 1px #ba0008 solid; background: #ba0008; color: #fff }
.news_box_left:hover span a{ color: #fff }
.news_right > p:nth-of-type(1){ padding-left: 5%; font-size: 16px; color: #000; border-bottom: #ededed 1px solid; line-height: 70px; position: relative;}
.news_right > p:nth-of-type(1):after{ position: absolute; content: ""; background
: #bb0207; width: 4px; height: 30%; left: 0;
	top: 0; bottom: 0; margin: auto; }
.hot_news{ width: 90%; margin: 0 auto; padding: 5% 0; border-bottom: 1px solid #ededed}
.hot_news a{ color: #333; font-size: 14px; line-height: 25px;-webkit-transition: color .3s;-moz-transition: color .3s;-ms-transition: color .3s;-o-transition: color .3s;transition: color .3s; }
.hot_news a:hover{color: var(--theme-blue);}



/*分页*/



.shs_bg{ background:#e7ebec;  }
.contact_big_bj{ background:url(../img/contact_bj.png) no-repeat center 35% #f4f4f4;  }
.contact_left h4,.contact_right h4{ font-size: 26px; color:#ba0008; font-weight: bold; text-transform: uppercase;}
.contact_lg_fb{ font-size: 16px;  }
.contact_left>p:nth-of-type(1){ font-size: 16px;    font-weight: bold; }
.contact_left>p:nth-of-type(2){ font-size: 16px;  font-weight: bold;  }
.contact_left .contact_li{ font-size: 16px;   }


.btn-suss{ background: #ba0008; color: #fff; font-size: 14px; text-align: center; position: relative;
	 }
.btn-suss:hover{ color: #fff;background: #none;}
.btn-suss:before{ position: absolute;content: "";left: 0; top:0; background: #0761aa;transform-origin: right center;
	width: 100%; height:100%; transform:scaleX(0); margin: auto;   z-index:0; border-radius: 0.2rem;transition:transform 0.5s; }
.btn-suss:hover:before{ transform-origin: left center; transform: scaleX(1); }
.btn-suss span{ position: relative}


.liuyan_box input{ font-size: 14px; padding-left: 50px; height: 55px; border:1px #FFF solid; }
.liuyan_box .form-tr:nth-of-type(1) input{ background: url("../img/form1.png") no-repeat 10px center #fff;}
.liuyan_box .form-tr:nth-of-type(2) input{ background: url("../img/form2.png") no-repeat 10px center #fff;}
.liuyan_box .form-tr:nth-of-type(3) input{ background: url("../img/form3.png") no-repeat 10px center #fff;}



.online-btn{ background: #ba0008; font-size: 14px;width: 150px; height:40px; line-height: 40px; position: relative; transition: all 0.5s; transform-origin: left center;}
.online-btn a i{ display: inline-block; background: url("../img/jt.png") no-repeat center center; width: 35px; height:7px; transition: all 0.5s;}
.online-btn:before{ position: absolute;content: "";left: 0; top:0; background: #657ab9;transform-origin: right center; width: 100%; height:100%; transform:scaleX(0); margin: auto; transition: transform 0.5s; z-index:0}
.online-btn:hover:before{ transform-origin: left center; transform: scaleX(1); }
.online-btn:hover{ background: none}
.online-btn:hover a{ position: absolute; display: block; width: 100%; color: #f00; z-index: 9; color: #fff;transition: all 0.5s;}



.jw-controlbar{ width: 100%; }




.pro_floor{ background: #fff; margin: 0 auto}
.pro_box_all{ background: #fff;}
.pro_box_all>p:nth-of-type(1){ position: relative; line-height: 30px;}
.pro_box_all>p:nth-of-type(1):after{ position: absolute; content: "";left: 0;top:0; bottom:0; margin: auto; width: 3px;height:0%; background-color: #c20f24;}
.pro_box_all>p:nth-of-type(1) a{ font-size: 22px; }

.pro_son_name a{ color: #666666 }
.pro_children_name  { font-size: 14px; color: #999999; padding-left: 8%; line-height: 30px; margin-bottom: 0}
.pro_children_name a{color: #999999;}
.list_desc{ font-size: 14px; color: #999; line-height: 30px;}
.font-14{ font-size: 14px;}
.category .swiper-container .swiper-slide{width: 35%;}




/*相册集*/
.case-gallery{ padding:10px;  position: relative;}
.case-gallery .preview{ position: relative;}
.case-gallery .preview img{ width:100%;}
.case-gallery .preview .preview-btn{ position: absolute; top: 0; width:50%; height:100%; z-index:3;}

.case-gallery .thumb-list{ padding:0 35px; margin-top:20px; position: relative;}
.case-gallery .thumb-list .thumb-item{ padding:1px; border:1px solid #EAEAEA; width:100%; float: left;}
.case-gallery .thumb-list .thumb-btn{ cursor: pointer; position: absolute; width:20px; height:100%; background-color: #282828; color: #fff; display: -ms-flexbox;display: flex; justify-content:center;align-items: center;border-radius: 3px; top:0;}
.case-gallery .thumb-list .thumb-btn .zicon{font-size: 20px;}
.case-gallery .thumb-list .thumb-btn.thumb-prev{ left: 0;}
.case-gallery .thumb-list .thumb-btn.thumb-next{ right: 0; left:auto;}
.gallery-thumbs .swiper-slide-thumb-active .thumb-item{ border:1px solid #df1603;}

.img-cover-4by3{height: 0;width: 100%;padding-bottom: 55%;overflow: hidden;position: relative; }
.img-cover-4by3 p{ position:absolute; bottom:0; height:50px; line-height:50px; width:100%; background:rgba(0,0,0,0.7); color:#fff; font-size:20px; }
.img-cover-4by3 p span{ display:block; padding-left:20px;}
.img-cover-3by2{height: 0;width: 100%;padding-bottom: 66.667%;overflow: hidden;position: relative; }
.img-cover img{ max-width:100%; max-height:100%; position: absolute;margin: auto;top: 0;bottom: 0; left: 0; right: 0;}
.abs-center{ margin:auto; left: 0; right: 0; top: 0; bottom: 0; position: absolute;}




#menu-footer, .case-item, .col2_pics, .container-about .col2_pic, .container-news .so-widget-xz-taxonomy_list>ul, .container-pro-single #rel ul, .container-pro-single .btns, .container-pro-single .pro-intro, .container-service ul.after_ser, .container-tec .pages ul, .culturebox ul, .home-procat, .home-procats .so-widget-xz-loop_acf {
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 0;
	line-height: 0
}
#menu-footer:after, .case-item:after, .col2_pics:after, .container-about .col2_pic:after, .container-news .so-widget-xz-taxonomy_list>ul:after, .container-pro-single #rel ul:after, .container-pro-single .btns:after, .container-pro-single .pro-intro:after, .container-service ul.after_ser:after, .container-tec .pages ul:after, .culturebox ul:after, .home-procat:after, .home-procats .so-widget-xz-loop_acf:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
	vertical-align: top
}


.container-service .form_info {
	margin-top: 70px
}
.container-service .form_info h2 {
	color: #d90f22;
	font-size: 30px;
	line-height: 1em;
	font-weight: 400;
	margin-bottom: 10px
}
.container-service .form_info h2 span {
	font-size: smaller;
	line-height: 30px
}
.container-service .form_info h2+p {
	font-size: 16px;
	line-height: 27px;
	color: #999;
	margin-top: 0;
	margin-bottom: 28px
}
.container-service p {
	color: #333;
	font-weight: 400;
	font-size: 18px;
	line-height: 27px;
	padding-bottom:25px;
}
.container-service ul.after_ser {
	margin-top: 160p; background: url(../img/service-bg.png)  no-repeat left top
}
.container-service ul.after_ser li {
	width: 340px;
	height: 130px;
	display: inline-block;
	vertical-align: top;
	padding: 60px 50px 30px 212px;
	font-size: 14px;
	line-height: 22px;
	color: #838c9b;

}
.container-service ul.after_ser li:nth-of-type(2) {
	padding: 60px 100px 30px 182px;
}

.container-service ul.after_ser li:nth-of-type(4) {
	padding: 60px 100px 30px 212px
}
.container-service ul.after_ser li em {
	font-style: normal;
	font-size: smaller
}

.video-message { padding:50px 0 30px; height:auto; overflow:hidden;}
.video-message li{ display:block; float:left;}
.video-message li img{ width:374px; height:160px;}
.video-message li h4{ font-size:16px; color:#666; text-align:left;}
.video-message li:nth-of-type(2){ margin:0 40px;}


#part1 p strong{ font-size:18px; font-weight:bold; color:#d90f22}

.pro-mobile{ font-size: 20px; height: 35px; line-height: 25px;  padding: 30px 0 0;}
.pro-mobile span{ font-family: arial; font-size: 28px; display: inline-block; font-weight: bold; color: #e30000; }
.pro-mobile i{ color: #e30000; margin: 0 10px 0 20px }

.cnzz-footer{ margin: 10px 0 0 10px; }

.sub-content-pinzhi{    font-size: 18px;
	color: #999;
	line-height: 24px;
	 }

.video-box{ font-size:14px; }
.culture-box{ font-size: 14px; text-align: center}


.gongyi-content{ font-size:16px; line-height:35px; padding:30px 0;}
.gongyi-content img{ text-align:left; padding:30px 0;}
.gongyi-content ul{ padding-bottom:30px; border-bottom:1px #ddd dotted}
.gongyi-content li{ position:relative;margin-bottom:10px; padding-left:20px;}
.gongyi-content li h4{ font-weight:bold;
	font-size: 16px;
	line-height: 32px;
	color: #666;}
.gongyi-content li:after{ position:absolute; content:""; background: #d90f22;  width:10px; height:10px;left:0; top:12px;}
.gongyi-content p strong{     display: inline-block;
	background: #d90f22;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	padding: 0 30px 0 25px;
	border-radius: 20px;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 0;}


.news-font-box{ z-index: 9999; position:  absolute; bottom: 0; left: 0; background: rgba(215,3,6,0.6); font-size: 16px; color: #f5f5f5}
.news-font-box a{ color: #fff;}



.news-list{}
.news-list .news-item2{ border: 1px solid #d2d2d2; font-size: 16px; color: #515151; transition: all 0.5s;
	position: relative; overflow: hidden}
.news-list .news-item2:after{ position: absolute; content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #d40000;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	transform: scale(0);
	  transition: transform 0.5s}

.news-list .news-item2:hover:after{ animation: myfirst2 0.95s forwards; }
.news-list .news-item2 a{ position: relative; z-index: 99}
.news-list .news-item2:hover{ border: 1px solid #d40000}
.news-list .news-item2:hover a{ color: #fff}
.btn-more span{ position: relative; z-index: 9}
.btn-more:hover span{ color: #fff}
.news-list .news-item2 a{ color: #515151}
.inde-news-img-2{ background: #fff}
.news-font-box2{}
.news-font-box2 p:nth-of-type(1){ font-size: 16px; color: #333333;}
.news-font-box2 .news2-desc{ font-size: 14px; color: #999999; line-height: 2}
.news-font-box2 div:nth-of-type(2) span{ font-size: 14px; color: #bcbcbc}
.news-font-box2 div:nth-of-type(2)  a{ color: #666666; font-size: 14px;}


/*实力页面*/
.sl-num-box{}
.sl-font-box>div:nth-last-of-type(1){ font-size:16px; color: #585858; line-height: 2.5}
.sl-num-item{ flex: 0 0 auto; width:20%}
.sl-num-item span{ position: relative; color: #4973ce; font-family: Arial; font-size: 60px;}
.sl-num-item span:after{ position: absolute; content:attr(data-title); top: -10%;left: 110%; font-size: 16px; color: #4973ce;}
.sl-num-item>p:nth-of-type(1){ font-size: 16px; color: #929292;}
.sl-font-box{}
.sl-font-box>p:nth-of-type(1){ font-size: 30px; color: #333;}
.sl-font-box>p:nth-of-type(1) span{ position: relative}
.sl-font-box>p:nth-of-type(1) span:after{ position: absolute; content: ""; border-bottom:2px #d40000 solid; left: 0; bottom: -40%; width: 50%;}

.key-font{}
.key-font p:nth-of-type(1){ font-size: 24px; color: #333;}
.key-font>div:nth-of-type(1){ font-size: 16px; color: #959595;}
.keyan-box{}
.keyan-box .key-item{flex:0 0 auto; width:25%}
@media(max-width: 991.98px){
	.sl-num-item{ flex: 0 0 auto; width:30%}
	.keyan-box .key-item{ flex:0 0 auto;  width:50%}
	.sl-num-item span{ position: relative; color: #4973ce; font-family: Arial; font-size: 30px;}
	.sl-num-item span:after{ position: absolute; content:attr(data-title); top: -10%;left: 110%; font-size: 16px; color: #4973ce;}
	.sl-font-box>p:nth-of-type(1){ font-size:20px; color: #333;}
	.sl-num-item>p:nth-of-type(1){ font-size: 14px; color: #929292;}
	.key-font p:nth-of-type(1){ font-size: 16px; color: #333;}
	.key-font>div:nth-of-type(1){ font-size: 14px; color: #959595;}
	.sl-font-box>div:nth-last-of-type(1){ font-size:16px; color: #585858; line-height: 1.8}
}

.yfll-box-item{background: #f5f5f5; transition: all 0.5s; position: relative}
.yfll-box-item:hover{background:#4973ce;  color: #fff; transform:transform: translateY(-25%); }
.yfll-box-item a div:nth-of-type(2){ font-size: 16px; color: #414141;   transition: all 0.5s}

.teacher-nr{  line-height: 2; font-size: 14px;  transition: all 0.5s}
.yfll-box-item:hover  a div:nth-of-type(2),.yfll-box-item:hover a .teacher-nr{ color: #fff}


#swiper-products .pro-swiper-prev, #swiper-products .pro-swiper-next { position: absolute; height: 68px; width: 40px; margin: auto; top: 0; bottom: 0; background-color:#cccccc; display: flex; align-items: center; justify-content: center; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#swiper-products .pro-swiper-prev:hover, #swiper-products .pro-swiper-next:hover { opacity: .95; }
#swiper-products .pro-swiper-prev svg, #swiper-products .pro-swiper-next svg { fill: #ffffff; width:25px; height: 25px; }
#swiper-products .pro-swiper-prev { left: 10.4vw; }
#swiper-products .pro-swiper-prev svg{ transform: rotate(0deg)}
#swiper-products .pro-swiper-next { right: 10.4vw; }


/*服务流程*/
.fuwu-item{ position: relative}
.fuwu-item:nth-of-type(2n+1):after{ position: absolute; content: attr(data-title); right: 0; top: 0; font-size: 300px; color: #f8f8f8; font-family: SourceHanSerifSC;}
.fuwu-item:nth-of-type(2n):after{ position: absolute; content: attr(data-title); left:0%; top: 0; font-size: 300px; color: #f8f8f8; font-family: SourceHanSerifSC;}
.fuwu-item:before{position: absolute; content: ""; background: #f1f3f7; bottom: 5%;left: 0; width: 100%; height: 30% }
.fuwu-font{ position: relative;z-index: 88}
.fuwu-font p:nth-of-type(2){ font-size: 30px; color: #333333}
.fuwu-font div:nth-of-type(1){ font-size: 16px; color: #666666; line-height: 2; width: 70%}

.fuwu-btn span{ position: relative;  z-index: 999}
.fuwu-btn{ background: #4973ce; height: 40px; width: 142px; font-size: 14px; color: #fff; border-radius: 2rem; position: relative;}
.fuwu-btn:after{ position: absolute; content: ""; background: #fcb200; left: 0; right: 0; bottom: 0; top:0; margin: auto; width: 100%; height: 100%;border-radius: 2rem; transition:transform 0.5s; transform: scaleX(0);  }
.fuwu-btn:hover:after{transform: scaleX(1); }
.fuwu-btn:hover span{ color: #fff}
@media(max-width: 991.98px){
	.fuwu-item:nth-of-type(2n+1):after{ position: absolute; content: attr(data-title); right: 0; top: 0; font-size: 0px; color: #f8f8f8; font-family: SourceHanSerifSC;}
	.fuwu-item:nth-of-type(2n):after{ position: absolute; content: attr(data-title); left:0%; top: 0; font-size: 0px; color: #f8f8f8; font-family: SourceHanSerifSC;}
	.fuwu-item:before{position: absolute; content: ""; background: #fff; bottom: 5%;left: 0; width: 100%; height: 30% }
	.fuwu-font div:nth-of-type(1){ font-size: 16px; color: #666666; line-height: 2; width: 100%}
	.fuwu-img{ width: 100%!important;}
}


.fuwu-img-3x2{ position:relative}
.fuwu-img-3x2::before {
	padding-top: var(--bs-aspect-ratio);
}
@media(min-width:992px){
	.fuwu-img-3x2 {
		--bs-aspect-ratio:calc(552 / 408 * 100%);
	}

}

@media(max-width:992px) {
	.fuwu-img-3x2 {
		--bs-aspect-ratio: calc(160/ 304 * 100%);
	}
}

.title-desc{ font-size: 14px; color: #727272; line-height: 2; width: 75%}
.shouhou{ background: url("../img/shfw_bj.jpg") no-repeat center top; background-size: cover}
.fuwu-box-font{ font-size: 14px; color: #fff; line-height: 2; position: relative}
.fuwu-box-font:after{ position: absolute; content: ""; width: 200%; height: 100%; background: #4a85bb;left: 0;  top: 0;}
.fuwu-box-font .fw-item{ position: relative; z-index: 999; line-height: 2.2}
.fuwu-box-font .fw-item:after{ position: absolute; content: ""; left: -20px; top: 20%; border:5px solid transparent; border-left-color: #fff}
.fuwu-lm{}
.fuwu-lm p:nth-of-type(2){ font-size: 30px; color: #fff;  }
.fuwu-lm p:nth-of-type(3){ font-size: 16px; color: #fff;  text-transform:uppercase}


.pinzhi-box{ position: relative}
.pinzhi-font{ position: absolute; top: 0;left: 0;}
.pinzhi-font p:nth-of-type(1){ font-size: 20px; color: #fff;transform: translateY(0%);  transition: all 0.7s}
.pinzhi-font div:nth-of-type(1){ font-size: 14px; color: #fff; line-height: 2; transform: translateY(0%);  transition: all 0.5s}
.pinzhi-box:hover .pinzhi-font p:nth-of-type(1){ transform: translateY(40%)}
.pinzhi-box:hover .pinzhi-font div:nth-of-type(1){ transform: translateY(20%)}
@media(max-width: 991.98px){
	.fuwu-box-font:after{ position: absolute; content: ""; width: 100%; height: 100%; background: #4a85bb;left: 0;  top: 0;}
	.fuwu-lm p:nth-of-type(2){ font-size: 20px; color: #fff;  }
	.fuwu-lm p:nth-of-type(3){ font-size: 16px; color: #fff;  text-transform:uppercase}
}
/*产品知识*/
.news-li-box{ position: relative; border-bottom: 1px dotted #c9c9c9;  }
.news-li-box:after{ position: absolute; content: ""; width: 100%;left: 0; bottom: 0;}
.news-li-box:before{ position: absolute; content: ""; background: #f9f9f9; left: -100%; top: 0; width: 300%; height: 100%;
	transform:scaleX(0); transition:transform 1.2s;transform-origin: right center;}
.news-li-box:hover:before{transform: scaleX(1); transform-origin: left center}

.news-li-box .news-title{ font-size: 24px; color: #333;}
.news-li-box .news-desc-box{ font-size: 14px; color: #999;}
.new-title-desc{ width:100%; transition: all 0.5s; position: relative; z-index: 999}
.news-more{ position:absolute; top: 0; right: 0; width: 0%; background:rgba(42,91,181,0.8); transform: translateX(0%);  transition: all 0.5s; z-index: 999; height: 100%;}
.news-more svg{ opacity: 0}
.news-li-box:hover .new-title-desc{ width:100%}
.news-li-box:hover .news-more{ width: 20%;  background:rgba(42,91,181,0.8); transform: translateX(0%);  }
.news-li-box:hover .news-more svg{ opacity: 1}

.news-li-box:hover{border-bottom: 1px dotted #f9f9f9;}
.news-time-click2{ font-size: 14px; color: #c2c2c2;}

@media(max-width: 991.98px){
	.news-li-box:after{  display: none}
	.news-li-box:before{ display: none}
	.news-more{ display: none}
	.news-li-box:after{  display: none}
	.news-li-box .news-title{ font-size: 18px; color: #333;}
}

/*自定义分页样式*/


.w-page { margin-bottom: 20px; }
.w-page li.active span { z-index: 3; color: #fff; background-color: var(--theme-red); }
.w-page li.disabled { cursor: no-drop; }
.w-page li.disabled span { color: #6c757d; pointer-events: none; background-color: #eeeeee; }

.pagination { display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; }

.w-page li a, .w-page li span { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; color: #666; background-color: #e2e2e2; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.w-page li a:hover, .w-page li span:hover { background-color: #cdcdcd; color: #fff; }

.wrapper { background: #fcfcfc; }

.de-page-mian .page-inner {    padding: 1.5rem 0; display: flex; align-items: center; justify-content: center; }

.de-page-mian .page-inner a {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	line-height: 1.25;
	color: #666;
	background-color: #e2e2e2;
	margin: 2px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-size: 1rem;
}
.de-page-mian .page-inner a {position: relative;display: block;padding: .5rem .75rem;line-height: 1.25;color: #666;background-color: #e2e2e2;margin: 2px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.de-page-mian .page-inner a:hover, .de-page-mian .page-inner a.active { background-color:#2a5bb5; color: #fff; }
.de-page-mian .page-inner a.prev::after { content: '<'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }
.de-page-mian .page-inner a.next::after { content: '>'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }
.de-page-mian .page-inner span, .de-page-mian .page-inner input, .de-page-mian .page-inner a.page-btn { display: none; }


/*产品栏目*/
.pro-new-list{ background: #f0f4f8}
.pro-news-font{}
.pro-news-font p:nth-of-type(1) a{ font-size: 30px; color: #d40000; font-weight: bold}
.pro-news-font p:nth-of-type(2){ font-size: 16px; color: #afafaf}

.pro-list-box{ background: #f0f4f8; position: relative; overflow: hidden}
.pro-list-box>p:nth-of-type(1){ font-size: 18px; color: #333333; font-weight: bold}
.pro-list-box>p:nth-of-type(2){ font-size: 14px; color: #afafaf}

.pro-list-box:hover .mark-pro-datil{transform: scale(1); opacity: 1}
.pro-list-box .pro-img{ transition: all 0.5s}
.pro-list-box:hover .pro-img{ transform: scale(1.05); opacity: 0; border-radius: 5%;}
.pro-list-box:hover>p{transform: scale(0.8); opacity: 0}
.pro-list-box p{ transition: all 0.5s}



.mark-pro-datil{ position: absolute; top: 0; left: 0; background: rgba(73,115,206,0.95); width: 100%; height: 100%; transform:scale(1.25); transition: all 0.5s; opacity: 0 }
.mark-pro-datil>p:nth-of-type(1) a{ font-size: 18px; color: #fff; font-weight: bold}
.pro-da-item{ font-size: 16px; color: #fff}
.pro-da-item span{ border-radius: 100%; border: 1px solid #fff; width: 78px; height: 78px; display: block}
.mask-btn{ border: 1px solid #f5f5f5;transition: all 0.5s; font-size: 14px; width: 48%; padding:0.5rem; position: relative; overflow: hidden}
.mask-btn a{ color: #fff; position: relative; z-index: 99}
.mask-btn:nth-of-type(1){  border: 1px solid #b51b19; background: #b51b19; color: #fff; transition: all 0.5s}

.mask-btn:nth-of-type(1) a{ color: #fff}

.mask-btn:hover{border: 1px solid #b51b19;   color: #fff}
.mask-btn:hover a{ color: #fff}


.mask-btn:after{ position: absolute; content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #d40000;
	border-radius: 100%;
	width: 150px;
	height: 150px;
	transform: scale(0);
	opacity: 1;
	transition: all 0.5s;
    }

.mask-btn:hover:after{ animation: myfirst2 0.95s forwards; }

@media(max-width: 991.98px){
	.pro-news-font p:nth-of-type(1){ font-size: 20px; color: #d40000; font-weight: bold}
	.pro-news-font p:nth-of-type(2){ font-size: 14px; color: #afafaf}
	.pro-da-item span{ border-radius: 100%; border: 1px solid #fff; width: 48px; height: 48px; display: block}
	.pro-da-item span i svg{ width: 40px; height: 40px;}
	.pro-da-item>p{ font-size: 12px; }
	.pro-news-font p:nth-of-type(1) a{ font-size: 20px; color: #d40000; font-weight: bold}
	.pro-list-box>p:nth-of-type(1){ font-size: 16px; color: #333333; font-weight: bold}
	.mark-pro-datil{ position: absolute; top: 0; left: 0; background: rgba(73,115,206,0.95); width: 0%; height: 0%; transform:scale(1.25); transition: all 0.5s; opacity: 0 }
	.pro-list-box:hover .mark-pro-datil{transform: scale(0); opacity: 0}
	.pro-list-box:hover .pro-img{ transform: scale(1); opacity: 1; border-radius: 5%;}
	.pro-list-box:hover>p{transform: scale(1); opacity: 1}



}

/*产品详情模块*/
.pro-datil-font-box>p:nth-of-type(1){ font-size: 36px; color: #2b2b2b; font-weight: bold}
.pro-datil-font-box>p:nth-of-type(2){ font-size: 24px; color: #666666}
.pro-datil-font-box>p:nth-of-type(3){ font-size: 16px; color: #2b2b2b}
.pro-datil-font-box>div:nth-of-type(1){ font-size:14px; color:#666666; line-height: 2}
.pro-btn{ border:1px solid #e3202a; padding: 0.4rem 0.75rem; font-size: 16px; position: relative; overflow: hidden}
.pro-btn:nth-of-type(2){ border:1px solid #eaeaea; padding: 0.4rem 0.75rem; font-size: 16px; position: relative; overflow: hidden}
.pro-btn a{ position: relative; z-index: 99}
.pro-btn:nth-of-type(1) a{ color: #fff}
.pro-btn:nth-of-type(2) a{ color: #333333}
.pro-btn:nth-of-type(1){ background: #e3202a; color: #fff;padding: 0.4rem 1.4rem; }
.pro-btn:after{ position: absolute; content: "";
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #d40000;
	border-radius: 100%;
	width: 150px;
	height: 150px;
	transform: scale(0);
	opacity: 1;
	transition: all 0.5s;
}
.pro-btn:hover:after{ animation: myfirst2 0.95s forwards; }
.pro-btn:hover{border:1px solid #d40000;}
.pro-btn:hover a{ color: #fff}
.pro-btn:nth-of-type(1) svg{ fill:#fff;transition: all 0.5s; transform: translateX(0)}
.pro-btn:nth-of-type(1):hover svg{ fill:#fff;transform: translateX(-10%)}
.pro-btn:nth-of-type(2) svg{ fill:#767676;transition: all 0.5s; transform: translateX(0)}
.pro-btn:nth-of-type(2):hover svg{ fill:#fff;transform: translateX(-5%)}
.pro-list-xm{  border-left:1px solid #efefef;}
.pro-item{ border-top:1px solid #efefef;border-right:1px solid #efefef; font-size: 16px; color: #666666; padding: 0.5rem 0.8rem; position: relative}
.proinfo-title,.proinfo-content strong{ font-size: 30px; color: #4973ce; font-weight: 100;}
.proinfo-content{ font-size: 16px; color: #7a7a7a; line-height: 2;}
.pro-item.active{ background: #f6f7fb;}
.pro-item.active:after{ position: absolute; content: ""; height: 2px; background: #5f8cec; width: 102%;left: 0; top: -1px}
.proinfo-content{ color: #666}
.proinfo-content span{ color: #666!important;}
.proinfo-content table{ width: 100%;  border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; }
.proinfo-content table td{ background: #fefefe; border-right: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0; text-align: center}
.proinfo-content table td p{ text-align: center}

.img-font-box{ }
.img-font-box p:nth-of-type(1){ font-size: 16px;}
.img-font-box div:nth-of-type(1){ font-size: 14px; color: #666}
.news-li .box span{ font-size: 16px;}


.video-font-box{ width: 100%;}
.video-font-box p:nth-of-type(1){ color: #fff; font-size: 16px;}
.video-font-box div:nth-of-type(1){ color: #fff; font-size: 14px;}
.video-font-box div.time-click { color: #fff; font-size: 14px;}

.case-font{ font-size: 16px; color: #666}


.leader-box{ background: url("../img/leader_bj.jpg") no-repeat left top; background-size: cover }
.leader-font{ width:80%;}
.leader-font>p:nth-of-type(1){ font-size: 30px; color: #333}
.leader-font>p:nth-of-type(2){ font-size: 24px; font-weight: 100; color: #333}
.content-dsz{ font-size: 16px; color: #5d5d5d; line-height: 2;}
@media(max-width: 991.98px){
	.leader-font{ width:100%;}
	.leader-font>p:nth-of-type(1){ font-size: 20px; color: #333}
	.leader-font>p:nth-of-type(2){ font-size: 16px; font-weight: 100; color: #333}
	.content-dsz{ font-size: 14px; color: #5d5d5d; line-height: 2;}
	.pro-datil-font-box>p:nth-of-type(1){ font-size: 20px; color: #2b2b2b; font-weight: bold}
	.pro-datil-font-box>p:nth-of-type(2){ font-size: 16px; color: #666666}

}

.cp-bj{ background-image: linear-gradient(to bottom,#fff  56%, #f8f8f8 0%);}

.index-news-box1 .swiper-pagination{ position: absolute; right: 20px; bottom: 20px; text-align: right;left: inherit;}



/*产品盒子*/
.pro-datil-box-all{ background: #fff; border-top: 10px #f5f6f8 solid; position: relative}
.pro-datil-box-all:after{ position: absolute; content: ""; background: #ebebeb; width: 100%; height: 1px; left: 0; top:84px; z-index: 0}


.pro-p-title{ font-size: 18px; color: #333;}
.pro-title-all2{}
.pro-title-all2 p:nth-of-type(1) span:nth-of-type(1){ font-size:24px; color: #333333;}
.pro-title-all2 p:nth-of-type(1) span:nth-of-type(2){ font-size: 16px; color: #999999; text-transform: uppercase}
.pro-title-all2 p:nth-of-type(2) { font-size:16px; color:#666666}
.pro-title-all2 p:nth-of-type(1) i{ display: inline-block; width: 3px; height: 30px; background: #d7132e}

.hot-img-box{}
.hot-pro-itme{ background: #f5f6f8; text-align: center; font-size: 15px; color: #282828;}
.hot-pro-itme img{ transition: all 0.5s;}
.hot-pro-itme img:hover{ transform: scale(1.05)}
.hot-pro-itme a{ color: #282828}
.hot-pro-itme a:hover{ color: #cb0631}

.left-li-item{}
.left-li-item a p:nth-of-type(1){ font-size: 16px; color: #666; line-height: 2rem;}
.left-li-item a p:nth-of-type(1) i{ position: relative;}
.left-li-item a p:nth-of-type(1) i:after{ position: absolute; content: "";left:-10px; top:0; bottom:0; margin:auto;background: #cb0631; width: 5px; height:5px; border-radius: 100%; display: block }
.left-li-item a p:nth-of-type(2){ font-size: 14px; color: #999;}
@media(max-width: 991.98px){
	.left-li-item a p:nth-of-type(1) i{ display: none}
}

/*联系我们*/
.contact-item p:nth-of-type(1) span{ color: #d7132e; font-size: 18px;}
.contact-item p:nth-of-type(n+2) { font-size: 20px; color: #515151}
.contact-title span:nth-of-type(1){ font-size: 36px; color: #333333}
.contact-title span:nth-of-type(2){ font-size: 30px; color: #333333}

.layui-layer-btn0{ font-size: 14px; color: #fff!important;}

@media(min-width: 1200px){
	.contact-right{ width: 75%}
}
@media(max-width: 1200px){
	.contact-right{ width: 100%}
}

@media( max-width: 575.98px) {
	.contact-title span:nth-of-type(1){ font-size: 20px; color: #333333}
	.contact-title span:nth-of-type(2){ font-size: 18px; color: #333333}
}




/*新闻板块样式*/
.R_news_box{}
.R_news_box .one-news {}

.R_news_box{}
.R_news_box .one-news p:nth-of-type(1) span{ position: relative}
.R_news_box .one-news p:nth-of-type(1) span:after{ position: absolute; content: ""; background: url("../img/news_hot.png") no-repeat center center; width: 41px; height:19px;right: -41px; top: -10px;}
.R_news_box .one-news p:nth-of-type(1) a{ font-size: 20px;   font-weight: bold;}
.R_news_box .one-news div:nth-of-type(1){ font-size: 14px; color: #666666; line-height: 2}
.news-box{}
.R-news-item{ font-size: 14px; color: #333;}
.R-news-item span{ color: #999;}
.R-news-item a:hover{ color: #d40000;}


.pro-big-all-list{ border: 8px #f6f6f6  solid; border-radius: 2px}
.pro-b-title{       -webkit-writing-mode: vertical-rl;
	                 writing-mode: vertical-rl;
	                 background: #e6222d;
	color: #fff; border-radius: 4px; font-size: 14px; letter-spacing: 0.5rem;font-weight: bold;
	}
.pro-b-datiel{}
.pro-b-datiel.row-3 div{ flex:0 0 auto; width: 33.33%; font-size: 12px; color: #666;}
.pro-b-datiel.row-3 div span{border:1px #ebebeb solid; padding: 0.5rem  0.7rem; border-radius: 3px }
.pro-b-datiel.row-5 div{ flex:0 0 auto; width: 20%; font-size: 12px; color: #666;}
.pro-b-datiel.row-5 div span{border:1px #ebebeb solid; padding: 0.5rem  0.9rem; border-radius: 3px;  }
.pro-b-datiel.row-1 div{ flex:0 0 auto; width: 100%; font-size: 12px; color: #666;}
.pro-b-datiel.row-1 div span{border:1px #ebebeb solid; padding: 0.5rem  0.9rem; border-radius: 3px }
.pro-b-datiel div span:hover{border:1px #f60000 solid;   border-radius: 3px }
.pro-top-all .pro-top-item:nth-of-type(1){ flex:0 0 auto; width: 30%}
.pro-top-all .pro-top-item:nth-of-type(2){ flex:0 0 auto; width: 52%}
.pro-top-all .pro-top-item:nth-of-type(3){ flex:0 0 auto; width: 18%}
.pro-choose{ background: url("../img/pro-list-right-bj.png") no-repeat center left;}
.pro-c-item{}
.pro-c-item p:nth-of-type(1){ font-size: 16px; color: #666666}
.pro-c-item p:nth-of-type(2){ font-size: 16px; color: #666666}
.pro-btn-one{ border: 1px solid #e6222d; padding: 0.5rem 0.7rem;border-radius: 5px}
.pro-btn-two{ border: 1px solid #e6222d; background: #e6222d; padding: 0.5rem 1.5rem;border-radius: 5px}
.pro-btn-one a{ color: #e6222d; font-size: 14px;}
.pro-btn-two a{ color: #fff;font-size: 14px;}

@media(max-width: 991.98px){
	.pro-top-item {  padding: 4%; width: 100%!important; border-bottom: 8px #f6f6f6  solid;}
	.pro-b-datiel.row-5 div{ flex:0 0 auto; width: 25%; font-size: 12px; color: #666;}
	.pro-b-datiel.row-5 div span{border:1px #ebebeb solid; padding: 0.3rem  0.25rem; border-radius: 3px;  }
	.pro-b-datiel.row-1 div{ flex:0 0 auto; width: 100%; font-size: 12px; color: #666;}
	.pro-b-datiel.row-1 div span{border:1px #ebebeb solid; padding: 0.3rem  0.7rem; border-radius: 3px }
	.R_news_box .one-news p:nth-of-type(1) a{ font-size: 16px;   font-weight: bold;}
	.R_news_box .one-news p:nth-of-type(1) span:after{ position: inherit;  }
}
.pro-small-cp{ font-size: 14px; color: #fff;}
.pro-small-cp div a{ color: #fff}
.pro-small-cp div{ flex: 0 0 auto; width: 46%;}
.pro-ysd-item{}
.pro-ysd-item>div{ border: 1px solid #d0d0d0; width: 25px; height: 25px; border-radius: 100%; display: block}
.pro-ysd-item>div i svg{ fill: #888888}
.pro-ysd-item>span{ font-size: 14px; color: #565656;}
@media(max-width:991.98px){
	.pro-ysd-item{flex: 0 0 auto; width: 50%;}
}

.prolist-desc{ font-size: 16px; color: #666; line-height: 2;}


/*发展历程*/
.about-his{ background: url("../img/about_his_bj.jpg") no-repeat center top; background-size: cover}
.his-title p:nth-of-type(1){ font-size: 48px; color: #fff; font-weight: bold; text-transform: uppercase;}
.his-title p:nth-of-type(2){ font-size: 30px; color: #fff}

.history_font{ position: relative;  }
.history_font:after{ position: absolute; content: attr(data-title); font-size: 315px; line-height:255px;  display: block; color: #f7f9fc; top: 0;left: 0;right: 0; bottom: 0; margin: auto;}
.history_font div{ position: relative; z-index: 99}

.hist_year{}
.hist_year p:nth-of-type(1){ font-size: 30px; color: #006ab7; font-weight: bold}
.hist_year p:nth-of-type(2){ font-size: 18px; color: #999999;}
.history-time2{ color: #fff; position: relative}
.history-time2 p{ font-size: 18px; color: #fff;}
.history-time2 i svg{ transform:rotate(270deg); fill: #fff}
.history-time2 i{ position: relative; background: none; border-radius: 100%; width: 8px; height: 8px; border: 1px solid #92abd9; transition: all 0.5s}
.history-time2 i:after{ position: absolute;  content: ""; height: 0px; width: 1px; background: #fff; left: 0;right: 0;bottom:0; margin: auto;transition: all 0.5s}
.swiper-slide-thumb-active .history-time2 i:after{height: 100px;}
.history-time2:before{ position: absolute;  content: ""; height: 1px; width: 0%; background: #fff; left: 0;right: 0;top:4%; margin: auto; transition: all 0.5s}

.swiper-slide-thumb-active .history-time2:before{width:96%;}
.hist_year{ position: relative}
.hist_year:after{ position: absolute; content: "";right: 0%; top: 0; height: 90%; width: 1px; border-left:1px dashed #e2e2e2;}

.swiper-slide-thumb-active .history-time2 i{ background: #fff; transition: all 0.5s}
.swiper-slide-thumb-active .history-time2 p{ color: #fff;  transition: all 0.5s}
.zy_flash_add a{ color: #fff}
.history-box-all .pro-swiper-prev{  left: -80px; }
.history-box-all .pro-swiper-next{  right: -80px;  }

.history-box-all .pro-swiper-prev svg, .history-box-all .pro-swiper-next svg{fill:#d6dae0}
.history-box-all .pro-swiper-prev, .history-box-all .pro-swiper-next {
	position: absolute;
	height: 80px;
	width: 80px;
	margin: auto;
	top: 0;
	bottom: 0;
	border-radius: 100%;
	border:1px solid #d6dae0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.pro-swiper-prev svg{ transform:rotate(180deg);}
.history-box-all .pro-swiper-prev:hover, .history-box-all .pro-swiper-next:hover{
	background: #006ab7; color: #fff;

}.history-box-all .pro-swiper-prev:hover svg, .history-box-all .pro-swiper-next:hover svg{ fill: #fff}

.history-box-all .pro-swiper-prev.swiper-button-disabled, .history-box-all .pro-swiper-next.swiper-button-disabled{
	background: #e2e2e2;
}
.history-box-all .pro-swiper-prev.swiper-button-disabled svg, .history-box-all .pro-swiper-next.swiper-button-disabled svg{ fill: #fff!important;}

.hist_time{ position: relative; width: 100%}
.hist_time:after{ position: absolute; content: "";  border-bottom: 1px dashed #e2e2e2; width: 96%; height: 1px; top: 16%; margin: auto;left: 0; right: 0; }
.hist_time .history-button-next1,.hist_time .history-button-prev1{ position:absolute;z-index: 9999;   margin: auto;}
.hist_time .history-button-next1 svg,.hist_time .history-button-prev1 svg{ fill: #fff}
.hist_time .history-button-next1{ left:-10px; top:1%; transform:rotate(180deg);}
.hist_time .history-button-prev1{ right:-10px; top:-2%; transform:rotate(360deg);}
.hist_time .history-button-next1.swiper-button-disabled img,.hist_time .history-button-prev1.swiper-button-disabled img{ filter: grayscale(100%);}


.history_all2{  height: auto; width: 100%;}
.history_box{ width:100%; position: relative;  height: 500px; }
.history_box:after{ position: absolute; content: ""; width: 1px; height: 16px; background: #cb0631;left: 0; right: 0; margin: auto; }
.history_box:before{ position: absolute; content: ""; width:1px; height: 16px; background: #cb0631;left: 0; right: 0; margin: auto; }
.time_1{ position: absolute; top: 0%;bottom: 0; margin: auto; font-family: 'Bahnschrift';
	font-size: 30px; text-align: center;   height: 85px;
	line-height: 85px; z-index: 99; padding-left:45%; text-align: center;
}
.time_1 span{ display: block; color: #b60d33;}
.history_nr p:nth-of-type(1){ font-size: 18px; color:#333; font-weight: bold; }
.history_nr div:nth-of-type(1){ color: #7d7d7d; font-size: 14px; text-align: center; }
/*.history_box:hover{ }*/
.history_all2 .swiper-slide:nth-of-type(2n+1) .history_nr{ position: absolute; left: 0; right: 0; margin: auto; text-align: center; }
.history_all2 .swiper-slide:nth-of-type(2n) .history_nr{ position: absolute; left: 0; right: 0; margin: auto ;text-align: center; }


.his_font_all{}
.his_font_all p:nth-of-type(1) span:nth-of-type(1){ font-size: 48px;color: #fff; font-weight: bold}
.his_font_all p:nth-of-type(1) span:nth-of-type(2){ font-size: 72px;  font-family: 'impact';color: #fff}
.his_font_all .his-desc{ font-size: 14px; color: #fff}


@media(max-width: 991.98px){
	.hist_time:after{ position: absolute; content: "";  border-bottom: 1px dashed #e2e2e2; width: 96%; height: 1px; top: 16%; margin: auto;left: 0; right: 0; }
	.history-box-all .pro-swiper-prev{  left: 0px; }
	.history-box-all .pro-swiper-next{  right: 0px;  }
	.his-title p:nth-of-type(1){ font-size: 28px; color: #fff; font-weight: bold; text-transform: uppercase;}
	.his-title p:nth-of-type(2){ font-size: 16px; color: #fff}
	.his_font_all p:nth-of-type(1) span:nth-of-type(1){ font-size: 20px;color: #fff; font-weight: bold}
	.his_font_all p:nth-of-type(1) span:nth-of-type(2){ font-size: 30px;  font-family: 'impact';color: #fff}

	.hist_time .history-button-next1{ left:0px;  }
	.hist_time .history-button-prev1{ right:0px; top: 2% }
	.history-box-all .pro-swiper-prev, .history-box-all .pro-swiper-next {
		position: absolute;
		height: 30px;
		width: 30px;
		margin: auto;
		top: 0;
		bottom: 0;
		border-radius: 100%;
		border:1px solid #d6dae0;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 2;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
	}


}

@media(max-width: 1499.98px){
	.history-box-all .pro-swiper-prev{  left: 0px; }
	.history-box-all .pro-swiper-next{  right: 0px;  }
	.his_font_all p:nth-of-type(1) span:nth-of-type(2) {
		font-size: 20px;
		font-family: 'impact';
		color: #fff;
	}
}

.mask { top: 100px; display: none; position: fixed; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.4); z-index: 88; }


@media(min-width: 768px){
	.full-menu .menu-wrap dl{ width: calc(100%/8) }
}

@media(max-width: 768px){
	.full-menu .menu-wrap dl{ width: calc(100%/1) }
}


.open-menu .mobile-nav { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); }

.full-menu { position: fixed; z-index: 999; background-color: #fff; width: 100vw; height: 100vh; top: 0; left: 0; -webkit-transition: transform .8s,opacity .3s; -moz-transition: transform .8s,opacity .3s; -ms-transition: transform .8s,opacity .3s; -o-transition: transform .8s,opacity .3s; transition: transform .8s,opacity .3s; -webkit-transform: translateX(100%) scaleX(0); -moz-transform: translateX(100%) scaleX(0); -ms-transform: translateX(100%) scaleX(0); -o-transform: translateX(100%) scaleX(0); transform: translateX(100%) scaleX(0); opacity: 0; }
.full-menu.open { -webkit-transform: translateX(0) scaleX(1); -moz-transform: translateX(0) scaleX(1); -ms-transform: translateX(0) scaleX(1); -o-transform: translateX(0) scaleX(1); transform: translateX(0) scaleX(1); opacity: 1; }
.full-menu .menu-wrap { padding: 8%; }
.full-menu dl { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: 0; }
.full-menu dl dt { padding: 1rem 0; font-size: 22px; }
.full-menu dl dt::after { content: ''; display: block; width: 1.5rem; height: 2px; background-color: var(--theme-red); margin-top: 1rem; -webkit-transition: width .5s; -moz-transition: width .5s; -ms-transition: width .5s; -o-transition: width .5s; transition: width .5s; }
.full-menu dl dd { line-height: 2.5; }
.full-menu dl dd a { padding-left: .625rem; }
.full-menu dl dd a::before { content: ''; display: block; position: absolute; margin: auto; left: 0; top: 0; bottom: 0; width: 0; height: 0; border: 4px solid transparent; border-left-color: CurrentColor; }
.full-menu dl dd a:hover { padding-left: .875rem; }
@media (min-width: 1200px) { .full-menu dl:hover dt::after { width: 2rem; } }
.full-menu dl a { color: #333333; -webkit-transition: color .5s,padding-left .3s; -moz-transition: color .5s,padding-left .3s; -ms-transition: color .5s,padding-left .3s; -o-transition: color .5s,padding-left .3s; transition: color .5s,padding-left .3s; position: relative; }
.full-menu dl a:hover { color: var(--theme-red); }
.full-menu .close-btn { position: absolute; width: 3.5rem; height: 3.5rem; border-radius: 50%; background-color: #fbfcfc; top: 4%; right: 4%; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.05); }
.full-menu .close-btn i,.full-menu1 .close-btn i { cursor: pointer; position: absolute; width: 50%; height: 2px; color: #a0a0a0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.full-menu .close-btn i::before, .full-menu .close-btn i::after,.full-menu1 .close-btn i::before, .full-menu1 .close-btn i::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height: 2px; background-color: CurrentColor; }
.full-menu .close-btn i::before,.full-menu1 .close-btn i::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.full-menu .close-btn i::after,.full-menu1 .close-btn i::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; }
.full-menu .close-btn:hover i,.full-menu1 .close-btn:hover i { color: var(--theme-red); }
.full-menu .close-btn:hover i::before,.full-menu1 .close-btn:hover i::before{ -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }
.full-menu .close-btn:hover i::after,.full-menu1 .close-btn:hover i::after { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); }
@media (max-width: 1199.98px) { .full-menu dl dt { font-size: 20px; }
	.full-menu .close-btn { width: 3rem; height: 3rem; top: 2%; right: 4%; } }
@media (max-width: 767.98px) { .full-menu .menu-wrap { height: 100%; overflow-y: scroll; }
	.full-menu dl dt { position: relative; padding-left: .875rem; font-size: 16px; }
	.full-menu dl dt::after { margin-top: 0; width: 3px; height: 12px; left: 0; top: 0; position: absolute; margin: auto; bottom: 0; }
	.full-menu dl dd { font-size: 14px; }
	.full-menu dl dd a { line-height: 1.5; font-size: 14px; }
	.full-menu dl dd ul { display: flex; flex-direction: row; flex-wrap: wrap; }
	.full-menu dl dd ul li { width: auto; flex: 0 0 33.333%; }
	.full-menu .close-btn { width: 2.2rem; height: 2.2rem; top: 2%; right: 2%; } }
@media (max-width: 575.98px) { .full-menu .menu-wrap { height: 100%; overflow-y: scroll; }
	.full-menu dl dt { position: relative; padding: 0; padding-left: .5rem; font-size: 16px; }
	.full-menu dl dt::after { margin-top: 0; width: 3px; height: 12px; left: 0; top: 0; position: absolute; margin: auto; bottom: 0; }
	.full-menu dl dd { font-size: 14px; }
	.full-menu dl dd a { line-height: 1.5; font-size: 14px; }
	.full-menu dl dd ul { display: flex; flex-direction: row; flex-wrap: wrap; }
	.full-menu dl dd ul li { width: auto; flex: 0 0 flex: 0 0 33.333%; }
	.full-menu .close-btn { width: 2.2rem; height: 2.2rem; top: 2%; right: 2%; } }
@media(min-width: 1400px){
	.hot_tel{display: flex;}
	.search-k{ display: flex!important;}
}
@media(max-width: 1399.99px){

	.search-k{ display: none!important;}
	.header-right{ width: 80%!important;}
	.header-right li{ padding: 2rem 3rem;}
	.search-box{ display: none!important;}
	.nav-rightbar{ display: none!important;}
	.dropdown-nav .nav-container{    flex: 0 0 auto;
		width:80%;}

}


/*人力资源*/
#jobs_title{ background: #999; text-align: left; justify-content: space-between; font-weight: bold;; font-size: 18px; line-height: 30px; color: #fff}
.job_name{ border-bottom: 1px solid #eee; text-align: left;justify-content: color: #999;
	justify-content: space-between; flex:1; font-size: 16px; line-height: 30px; }
.job_name h3{ color: #999; font-weight: bold; font-size: 16px; }
.job_nr{ font-size: 16px; line-height: 30px; background: #eee; display: none; }
.job_name p:nth-last-of-type(1){ width: 10%; background: #ff9d2a; color: #fff; border-radius: 5px; padding: 0 5px; text-align: center; }
#jobs_title div:nth-last-of-type(1){ width: 10%; text-align: center;   }
#jobs_title div { width: 20%}
.job_name p{ width: 20% }
.job_nr a{ text-align: center; display: inline-block; margin:0 auto;border-radius: 5px;background: #004197; color: #fff; width: 30% }
.job_nr a:hover{ box-shadow: 10px 10px 20px #004197 }
@media(max-width: 768px){
	#jobs_title{ font-size: 12px; }
	.job_name{ font-size: 12px; }
	.job_name p:nth-last-of-type(1){ width:20%; background: #ff9d2a; color: #fff;
		border-radius: 5px; padding: 0 5px; text-align: center; }
	#jobs_title div:nth-last-of-type(1){ width: 20%; text-align: center;   }
}


.apply-job{ font-size: 16px; }
.tr-title{ font-size: 16px; font-weight: bold; text-align: right;}
.tr-cont{ font-size: 16px;margin-bottom:15px;  }

#formData .write {

	background: url(../img/write.png) right center no-repeat #fff;
	padding-right: 30px !important;
	border: 1px #eee solid;
	font-size: 14px;
}
.job_nr  .submit{   text-align: center;
	display: inline-block;
	margin: 0 auto;
	border-radius: 5px;
	background: #004197;
	color: #fff;
	width: 30%;
}
.submit:hover{box-shadow: 10px 10px 20px #004197; color: #fff}
.job-title-2{ font-size: 16px; color: #5b5b5b}